laravel - Laravel Vue Router 返回 404 页面
问题描述
我在我的应用程序中使用 Vue 路由器。当用户访问''
时,HomeComponent
应该加载它!但是,当我 goto 时/login
,LoginComponent
不会加载,应用程序会将我重定向到 404 页面。请帮忙。
routes.js
import HomeComponent from './components/Home.vue';
import LoginComponent from './components/auth/LoginComponent.vue';
export const routes = [
{path: '', component: HomeComponent},
{path: '/login', component: LoginComponent},
];
app.js
const router = new VueRouter({
mode: 'history',
routes
});
routes/web.php
Route::get('/', function () {
return view('layouts.master');
});
这MasterComponent
就是这些路由加载的地方。加载但HomeComponent
其他组件不加载。实际上,它发生在我写mode: 'history'
在我的app.js
!在我将模式更改为历史之前,它之前工作正常。
解决方案
刚刚找到解决方案:
Route::get('/{vue_capture?}', function () {
return view('layouts.master');
})->where('vue_capture', '[\/\w\.-]*');
这有助于 Laravel 捕获 Vue 生成的 URL!就是这样!
推荐阅读
- android - 如何从父级及其子级的 Firebase 中获取随机数据
- mysql - 如何每年重置表中的 MySQL 列?
- git - 如何删除未使用“git rebase”显示的提交?
- python - Python:Collatz 序列——找到一个长度大于起始数字的数字
- javascript - 如何在不使用 jQuery 的情况下使用本机 javascript 创建和删除元素
- c++ - X11 DestroyNotify 事件返回错误的窗口参数
- php - PHP HTML表单未将数据上传到数据库
- pine-script - 在 pine-script、TradingView 中可以使用什么函数来计算立方根?
- javascript - 在循环中使用新内容重新加载 iframe 并使用一个打印命令进行打印
- mysql - MYSQL 服务器不会从我添加的 cnf 文件开始