Question

我在我的应用中使用Vue Router。当用户访问''时，HomeComponent应该会加载并且可以加载！但是，当我转到/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时发生的！在我将模式更改为历史记录之前，它一直运行良好。

Answer 1

刚刚找到了解决方案：

Route::get('/{vue_capture?}', function () {
    return view('layouts.master');
})->where('vue_capture', '[\/\w\.-]*');

这有助于Laravel捕获Vue生成的URL！就是这样！

Laravel Vue Router返回404页

1 个答案: