vue路由守卫

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();
})
 
判断如果用户没有登录,跳转页面跳转到登录页
如果已登录再去登录页,直接跳转到首页
posted @ 2021-01-29 12:05  我有头盔  阅读(94)  评论(0编辑  收藏  举报