Vue Router 路由守卫（导航守卫）

标签：官方   item   outer   lan   storage   code   session   ret   官方文档   

一、

//挂载路由导航守卫,控制页面访问权限
  //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 Router 路由守卫（导航守卫）

标签：官方   item   outer   lan   storage   code   session   ret   官方文档   

原文地址：https://www.cnblogs.com/qingheshiguang/p/14679561.html