Vue-router路由导航守卫控制访问权限

功能:在用户没有登录直接通过URL访问特定页面的情况下,直接跳转到登录页面

具体代码及注释如下:

// 挂载路由导航守卫
// to表示将要访问的路径,from表示从哪里来,next表示下一个要做的操作 next('/login')强制跳转login
router.beforeEach((to, from, next) => {
  // 若访问登录页,则放行
  if (to.path === '/login') return next()
  // 获取存在sessionStorage中的token
  const tokenStr = window.sessionStorage.getItem('token')
  // 若没有token, 强制跳转到登录页
  if (!tokenStr) return next('/login')
  next()
})
posted @ 2021-05-16 15:19  WJY-  阅读(264)  评论(0)    收藏  举报