欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue路由守卫

程序员文章站 2022-03-24 18:29:21
...
// 路由守卫 拦截所有路由
router.beforeEach((to, from, next) => {  //to:去哪个页面,from:来自哪个页面,next:放行
  // 获取token
  const token = window.localStorage.getItem('myusertoken')
  // 判断
  if (token) { // 如果有token 直接放行
    next()
  } else {
    // a. 如果去的是登录 直接放行
    if (to.path === '/login') {
      next()
    } else {
      next({
        path: '/login'
      }) //  b. 如果去的是其他页面,直接跳转到登录页面。
    }
  }
})