Я создаю приложение Laravel и использую Vuejs на внешнем интерфейсе, возможно ли иметь два экземпляра Vue, работающих в laravel. В настоящее время это вызывает сбои при доступе к маршрутам. Я предполагаю, что эта ошибка происходит из-за маршрутизации 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');