当前位置: 代码迷 >> 综合 >> vue中路由导航守卫
  详细解决方案

vue中路由导航守卫

热度:39   发布时间:2024-03-08 03:29:01.0
// 路由导航守卫
router.beforeEach((to, from, next) => {//判断user信息是否已经获取 我已经登录了// 登录后就 把 后台给我的路由数组 addRouter就行if (token) {//根据用户的角色类型来生成对应的新路由//  在这里要用 登录时候后台返回的 路由数组// 建议大家 把那个数组 写在 vuex里面// 从vuex 拿出 登录时候存的 newRouter// 1 你提前写好 会有所有人能看的 一些 默认的// 2 不同的 登录再追加// this.$store.state.newRouter// const newRouter = [{path:"/xxx" ...} ..]//将新路由添加到路由中// router.addRoutes vue带的专门迎来追加路由的// router.addRoutes(newRouter)//为了正确渲染导航,将对应的新的路由添加到vuex中// 渲染对应的侧边栏}
})

 

  相关解决方案