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 管理员组路由或任何其他解决方案之外，我该如何处理？！

Answer 1

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

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

Problem with Voyager admin panel routing and Vue js router in laravel

javascript

laravel

vue.js

voyager