router动态添加路由

在写管理系统的时候,菜单都是动态添加进去的,但是路由都是在初始化的时候都创建好的
当你进入系统,肯定先进入登陆页面,这时候路由其实已经创建好了,当你登陆的时候,肯定进入的是404页面,但是在router中可以动态的添加路由

在main.js中添加如下代码

router.afterEach((to, form) => {
  let unfound = [{
    path: '/404',
    name: 'login404',
    component: () => import('./components/common/404.vue')
  }, {
    path: '*',
    redirect: '/404',
    hidden: true
  }]
  router.addRoutes(unfound)
})

使用router.addRouter("")是添加路由的方法,注意路由的格式是数组

你可能感兴趣的:(vue)