Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/laravel/10.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在Laravel应用程序中是否可能有多个VUEJ路由条目?_Laravel_Vue.js_Vue Router - Fatal编程技术网

在Laravel应用程序中是否可能有多个VUEJ路由条目?

在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');

我正在构建一个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');
     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中添加一个带有前缀的路由组修复了这个问题