是否可以在 Laravel 应用程序中为 Vuejs 设置多个路由条目?

Question

我正在构建一个Laravel应用程序，我在前端使用Vuejs，是否可以在laravel中运行两个Vue实例。目前这样做会导致访问路由时崩溃。我猜这个错误来自 Laravel 路由而不是 vue。

web.php

Route::get('/{user?}', function () {
return view('enduser.home');
})->where('user', '.*')->name('enduser.app');
Route::get('/{admin?}', function () {
return view('admin.dashboard');
})->where('admin', '.*')->name('admin.app');

app1.js

window.Vue = require('vue');
import VueRouter from 'vue-router';
Vue.use(VueRouter);
import VueAxios from 'vue-axios';
import axios from 'axios';
Vue.use(VueAxios, axios);
const routes = [
{
name: 'adminIndex',
path: '/dashboard/home',
component: IndexComponent
},
]
const router = new VueRouter({ mode: 'history', routes: routes});
const appboard = new Vue(Vue.util.extend({ router }, MainApp)).$mount('#appadmin');

app2.js

window.Vue = require('vue');
import VueRouter from 'vue-router';
Vue.use(VueRouter);
import VueAxios from 'vue-axios';
import axios from 'axios';
Vue.use(VueAxios, axios);
const routes = [
{
name: 'userIndex',
path: '/user/home',
component: IndexComponent
},
]
const router = new VueRouter({ mode: 'history', routes: routes});
const appboard = new Vue(Vue.util.extend({ router }, MainApp)).$mount('#appuser');

Answer 1

我通过在 Laravel 中添加一个带有前缀的路由组来解决此问题。