router登录逻辑实现页面跳转

最新推荐文章于 2023-07-16 18:28:49 发布

weixin_30819163

最新推荐文章于 2023-07-16 18:28:49 发布

阅读量429

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/sweeeper/p/11289189.html

版权

main.js文件中
router.beforeEach((to, from, next) => {
  NProgress.start()
  const token = localStorage.getItem('token');//login.vue组件请求成功保存属性
   if(token==="true"){ //如果有就直接到首页咯
        next();
    } else {
        if(to.path=='/login'){ //如果是登录页面路径，就直接next()
            next();
        } else { //不然就跳转到登录；
            next('/login');
            NProgress.done() // 结束Progress
        }

    }
})
router.afterEach(() => {
  NProgress.done() // 结束Progress
})

转载于:https://www.cnblogs.com/sweeeper/p/11289189.html