如何将新路由器传递给Vuejs中的变量

Question

我使用vue-cli创建了该项目，目前正在学习vue-router。

我想使用beforeEach函数进行身份验证，我看到的所有教程都将新路由器功能传递给像var new_value = new Router这样的变量。

这就是我的路由器的样子

路由器.vue

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;