Laravel промежуточное ПО на маршруте VueJS

Question

У меня есть маршрут VueJS в моем приложении SPA. Я хотел бы применить промежуточное программное обеспечение Laravel к маршруту (промежуточное программное обеспечение аутентификации, в данном случае).

На самом деле, я пробовал это:

app. js

const router = new VueRouter({
    mode: 'history',
    routes: [
        {
            path: '/',
            name: 'home',
            component: require('./views/Home').default,
        },
        {
            path: '/hello',
            name: 'hello',
            component: require('./views/Hello').default,
        },
    ],
});

route / web. php

Route::get('/hello', 'HomeController@home')->middleware('auth');
Route::get('/{any}', 'FrontendController@index')->where('any', '.*');

В этом коде я попытался связать промежуточное ПО auth с маршрутом /hello, но он не работает. Каков наилучший способ сделать это?

Спасибо.

Answer 1

Я не работал с Laravel около 6 лет, но с Vue. Я полагаю, что это потому, что вы никогда не попадете на маршрут Laravel, поскольку приложение Vue собрано и поэтому полностью доступно в браузере.

Если вы загрузите компонент, все будет иначе в роутере Vue через ленивую загрузку.

component: () => import(/* webpackChunkName: "hello" */ './views/helo.vue')

Я не знаю точно, как это работает с Laravel. Я использую Vue CLI tool. Надеюсь, это поможет вам немного.