vue-router 3.x,菜单权限管理

2022-04-20  本文已影响0人  三省吾身_9862
router.onReady(() => {
  // 菜单权限请求
  axios.get('/menus').then(data => {
    data.forEach(path => {
      // routeChildren 所有路由打平成一维数组
      let route = routeChildren.find(r => r.path === path)
      router.addRoute('layout', route)
    })
  })
})
const loadMenu = []
router.beforeEach((to, from, next) => {
  if (loadMenu.includes(to.path)) {
    next()
  } else {
    // routeChildren 所有路由打平成一维数组
    let route = routeChildren.find(r => r.path === to.path)
    router.addRoute('layout', route)

    loadMenu.push(route.path)
    next({ ...to })
  }
})

nuxt 路由拦截

上一篇 下一篇

猜你喜欢

热点阅读