Laravel Vue Router возвращает страницу 404 - PullRequest
Новая
       10

Laravel Vue Router возвращает страницу 404

0 голосов
/ 24 июня 2018

Я использую 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! Раньше все работало нормально, пока я не сменил режим на историю.

1 Ответ

0 голосов
/ 24 июня 2018

Только что нашли решение: 

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

Это помогает Laravel захватывать URL-адреса, сгенерированные Vue!Вот и все!

...