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()
})

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

原文：https://www.cnblogs.com/wjy00/p/14773892.html