zoukankan      html  css  js  c++  java
  • 一次router拦截器的应用

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

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

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

    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();
    })
  • 相关阅读:
    第二十三章 kubernetes 核心技术Volume
    第二十一章 kubernetes核心技术Ingress
    第十九章 kubernetes 核心技术ConfigMap
    vuejs在解析时出现闪烁的原因及防止闪烁的方法
    2020/9/5
    2021/9/3
    2021/9/7
    2021/9/2
    2021/9/4
    2021/9/6
  • 原文地址:https://www.cnblogs.com/fqh123/p/11040678.html
Copyright © 2011-2022 走看看