在Laravel应用程序中是否可能有多个VUEJ路由条目?
我正在构建一个Laravel应用程序,并且在前端使用Vuejs,是否可以在Laravel中运行两个Vue实例。当前,这样做会在访问路由时导致崩溃。我猜这个错误来自Laravel路由,而不是vue在Laravel应用程序中是否可能有多个VUEJ路由条目?,laravel,vue.js,vue-router,Laravel,Vue.js,Vue Router,我正在构建一个Laravel应用程序,并且在前端使用Vuejs,是否可以在Laravel中运行两个Vue实例。当前,这样做会在访问路由时导致崩溃。我猜这个错误来自Laravel路由,而不是vue web.php Route::get('/{user?}', function () { return view('enduser.home'); })->where('user', '.*')->name('enduser.app');
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');
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');
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: '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');
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');
我通过在Laravel中添加一个带有前缀的路由组修复了这个问题