javascript - laravel 中 Voyager 管理面板路由和 Vue js 路由器的问题

Question

我正在使用 Laravel V8 框架中的 Vuejs V2 开发本地 SPA 应用程序。
我的 routes/web.php 文件有以下代码：

Route::group(['prefix' => 'admin'], function () {
    Voyager::routes();
});

//for disallow accessing route from anywhere alse than api 
Route::get('/{any?}', function () {
    return view('welcome');
})->where('any', '^(?!api\/)[\/\w\.\,-]*');

Auth::routes();

这是我在 resources/js 文件夹中的 routes.js 文件

import VueRouter from "vue-router";

const routes = [
    {
        path: "*",
        component: require("./components/PageNotFound").default,
        name: "PageNotFound"
    },
    {
        path: "/",
        component: require("./components/Home").default,
        name: "home"
    },

    // other routes

];

const router = new VueRouter({
    mode: "history",
    linkActiveClass: "active",
    routes
});

export default router;

我的问题是我无法在浏览器中访问 Voyager http://127.0.0.1:8000/admin路由并将我重定向到主页！
我的 Voyager 安装成功，在安装之前我正在开发前端功能，所以我的 routes.js 文件中有很多路由。
我的问题是除了 web.php 中的 Voyager 管理组路由或任何其他解决方案之外，我怎么能做到？！

标签： javascriptlaravelvue.jsvoyager

Answer 1

我通过停止服务然后启动它解决了这个问题，为我工作，我现在可以看到管理面板。