码迷,mamicode.com
首页 > 其他好文 > 详细

一次router拦截器的应用

时间:2019-06-17 17:21:32      阅读:85      评论:0      收藏:0      [点我收藏+]

标签:oca   win   item   code   登录   name   proc   ref   报错   

实现 退出登陆  无法回退到其它页面

当有登陆状态时  可以拿其它页面的地址直接访问

若没有登陆状态   拿其它页面的地址直接访问 会报错

router.beforeEach((to, from, next) => {
  if(to.name==‘login‘){//若是登陆页面
    if(localStorage.getItem("loginStatus")&&localStorage.getItem("loginStatus")=="login"){//判断是否有登陆状态  若有就免登陆 直接跳到个人信息页
      console.log("有登陆状态的 登陆的首页");
      next({
        name:‘personalInfo‘
      });
      return;
    }else{
      console.log("无登陆状态的  登陆的首页");
      next();
      return;
    }
  }else{//若不是登录页
    console.log(‘不是登录页‘);
    if(localStorage.getItem("loginStatus")&&localStorage.getItem("loginStatus")=="login"){//没登陆状态时 提示地址错误
      next();
      return;
    }else if(to.name==‘register‘){
      next();
      return;
    }else{
      if(global.ordermark!=‘‘&&global.lang!=‘‘){//有没有ordermark和lang
        var origin=window.location.origin;
        var url;
        if(process.env.NODE_ENV === ‘production‘){
          url=origin+‘/dist/#/‘+global.ordermark+‘/‘+global.lang;
        }else{
          url=origin+‘/#/‘+global.ordermark+‘/‘+global.lang;
        }
        window.location.href=url;
        return;
      }else{
        tools.alert("地址错误!请重新登陆");
        return;
      }
    }
  }
  next();
})

 

一次router拦截器的应用

标签:oca   win   item   code   登录   name   proc   ref   报错   

原文地址:https://www.cnblogs.com/fqh123/p/11040678.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!