解决addRouter重复添加路由的问题(addRouter前清空之前add的路由)

1 使用window.location.reload()

缺点:页面会闪一下影响用户体验,特别是在菜单页面动态添加页面的情况下

2. 使用路由的matcher

附代码

export const constantRouterMap = [
  {
    path: '/login',
    component: () => import('@/views/login/index'),
    hidden: true
  },

  {
    path: '/',
    component: Layout,
    hidden: false,
    meta: { title: '首页', icon: 'home', requiresArg: false }
  },
  {
    path: '/403',
    component: () => import('@/views/403'),
    hidden: true
  },
  {
    path: '/test',
    component: () => import('@/views/login/test'),
    hidden: true
  }
]

export const createRouter = () => new VueRouter({
  // mode: 'history',
  scrollBehavior: () => ({
    y: 0
  }),
  routes: constantRouterMap
})

const router = createRouter()

export function resetRouter () {
  const newRouter = createRouter()
  router.matcher = newRouter.matcher // the relevant part
}

3.参考地址

github.