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

})

 

判断如果用户没有登录，跳转页面跳转到登录页

如果已登录再去登录页，直接跳转到首页