在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue項(xiàng)目啟動時(shí)如何使用兩套router?

vue項(xiàng)目啟動時(shí)如何使用兩套router?

項(xiàng)目部分目錄如下:

  |-- App1   項(xiàng)目1文件
        |-- ...
  |-- App2   項(xiàng)目2文件
        |-- ...
  |-- config.js   所有業(yè)務(wù)線的共同配置文件
  |-- index.vue   項(xiàng)目入口

現(xiàn)在的業(yè)務(wù)需求是這樣的,完全獨(dú)立于App1開發(fā)App2,問題在于啟動文件config.js讀取的始終是App1的路由,代碼如下:

export default function ({router = {}, stores, urlTables}) {
    Vue.use(VueRouter);
    const Router = new VueRouter({
        mode: 'hash',
        routes: router.routes
    });
    window.router = Router;

    Router.beforeEach((to, from, next) => {
        clearRequest();
        const hasLogin = checkLogin();
        if (!hasLogin && to.name !== 'login') {
            next({name: 'login'});
        } else {
            next();
        }
    });

    const store = new Vuex.Store({
        ...stores,
        strict: !isPrd(),
        plugins: isPrd() ? [createPersistedState()] : [logger, createPersistedState()]
    });

    App.store = store;

    httpConfig(urlTables);
    new Vue({
        router: Router,
        render: (c) => c(App)
    }).$mount('#app');
    return store;
}

new出來的router實(shí)例始終是從第一個(gè)App里的router讀取的,我怎么寫才能從第二個(gè)App里讀取router且不會相互干擾?因?yàn)閑xport default function ({router = {}, stores, urlTables})這行里router的值是第一個(gè)App的路由,但我始終找不到這個(gè)值是怎么帶進(jìn)去的

回答
編輯回答
短嘆

export default function
就是把它后面的代碼作為一個(gè)function拋出去了,config.js 這個(gè)誰引用的,誰就傳router。

2017年1月24日 17:54