路由导航守卫控制页面访问权限

如果用户没有登录,通过URL访问特定的页面,需要重新导航到登录页面

/**
 * 挂载路由导航守卫
 * to 将要访问的路径
 * from 代表从哪个路径跳转过来
 * next 是一个函数,表示放行  next() 放行、 next('/login) 强制跳转
 */
router.beforeEach((to, from, next) => {
  if (to.path === '/login') return next();
  // 获取token
  const tokenStr = window.sessionStorage.getItem('token')
  if (!tokenStr) {
    return next('/login')
  }
  next()
})

你可能感兴趣的:(Vue)