首页 > 技术文章 > vue路由守卫

qdjj 2021-01-29 12:05 原文

vue路由守卫不仅可以控制跳转路由,也可以做到持久登录

// 路由守卫
router.beforeEach((to, from, next) => {
    let token = localStorage.getItem('token')
    if(to.name){
      if (!token && to.name != 'login'){
          router.replace('/')
      }
    }

    // 已登录再去登录页
    if (to.name === 'login') {
      if (localStorage.token) {
        router.replace('/home')
      }
    }

    next();
})
 
判断如果用户没有登录,跳转页面跳转到登录页
如果已登录再去登录页,直接跳转到首页

推荐阅读