如何將新的Router傳遞給Vuejs中的變量？

Question

我使用vue-cli創建了該項目，目前正在學習vue-router 。

我想使用beforeEach函數進行身份驗證，並且我已經看到的所有教程都將新的Router函數傳遞給像var new_value = new Router這樣的變量。

這就是我的路由器的樣子

路由器

 export default new Router({ mode: 'history', base: process.env.BASE_URL, routes: [ { path: '/', name: 'home', component: Home }, { path: '/about', name: 'about', // route level code-splitting // this generates a separate chunk (about.[hash].js) for this route // which is lazy-loaded when the route is visited. component: () => import(/* webpackChunkName: "about" */ './views/About.vue') } ] }) 

我想要實現的是：

 var new_router = new Router({ // pass the value to new_router mode: 'history', base: process.env.BASE_URL, routes: [ { path: '/', name: 'home', component: Home }, { path: '/about', name: 'about', // route level code-splitting // this generates a separate chunk (about.[hash].js) for this route // which is lazy-loaded when the route is visited. component: () => import(/* webpackChunkName: "about" */ './views/About.vue') } ] }) 

當我這樣做時，出現了Cannot read property type的錯誤。 我是新來的。

Answer 1

我認為問題出在出口上。

var new_router = new Router({/*Your Options*/});

做你想做的：

router.beforeEach(async (to, from, next) => {
  // Authentication Checking
});

而且你必須出口

export default new_router;