您现在的位置是:首页 > 正文

路由守卫大全

2024-02-01 05:57:09阅读 4

1. 什么是路由守卫?

路由守卫是一个路由的访问机制,如果允许访问就放行,不允许访问就不放行,可以通过 router.beforeEach() 方法来实现对应的操作。

2. 为什么要用路由守卫?

由于访问路由时,没有判断直接就可以进入系统,跳过登陆页面,导致系统不安全,所以需要用路由守卫

3. 如何实现路由守卫?

在 router/index.js 里面添加路由守卫

//路由守卫
router.beforeEach(function(to, from, next){
  if(to.path==='/login'){
    next(); //登陆页面直接放行
  }else{
    let token = local.get('token');
    if(token){
      next(); //存在token 直接放行
    }else{
      Message.error('你被发现了,你的IP地址已记录,我们已报警...');
      next({path:'/login'});
    }
  }
});

4. 防止伪造token

为了防止伪造token,需要在响应拦截器里面判断返回状态是不是401,如果是就做跳转

axios.interceptors.response.use(function (res) {
    return res;
}, function (err) {
  	//判断如果是401,就报错,并跳转
    if(err.response.status===401){
        Message.error(err.response.data.msg)
        window.location.href='#/login';
    }
    //访问失败时执行
    return Promise.reject(err);
});

网站文章

  • html如何修改span的值,如何动态改变div span的内容

    本文介绍了javascript动态改变div span的内容的教程,希望能帮助到大家先看一个实例对span的控制与div类似,但是它是按照行来显示的,看下面的代码:function chagespan...

    2024-02-01 05:56:39
  • Microsoft Word 教程:如何在 Word 中插入图片、图标?

    Microsoft Word 教程:如何在 Word 中插入图片、图标?

    欢迎观看 Microsoft Word 教程,小编带大家学习 Microsoft Word 的使用技巧,了解如何在 Word 中插入图片、图标。

    2024-02-01 05:56:31
  • 使用 Java Native Interface 的最佳实践

    使用 Java Native Interface 的最佳实践

    2019独角兽企业重金招聘Python工程师标准>>> ...

    2024-02-01 05:56:23
  • vue 水印添加

    vue 水印添加

    vue 页面添加水印

    2024-02-01 05:55:55
  • 用计算机算标准曲线,标准曲线计算软件

    用计算机算标准曲线,标准曲线计算软件

    标准曲线计算器电脑版是一款可计算标准曲线的电脑计算器软件。计算过标准曲线的用户都应该知道标准曲线的计算挺麻烦的,而且计算结果要非常的精准才可以。本软件已经设置好了公式,您只要往里面添加数据就可以得出标...

    2024-02-01 05:55:46
  • Java求geometry的面积最小外接矩形

    Java求geometry的面积最小外接矩形

    Java求geometry的面积最小外接矩形 geom.getEnvelope() 得到外接矩形,不一定是面积最小;可以对多边形的每一条边求外接矩形,然后比较得到面积最小外接矩形。这篇博客将分为3步进...

    2024-02-01 05:55:39
  • 常见的Web应用攻击手段

    常见的Web应用攻击手段 1.XSS攻击 XSS攻击即跨站点脚本攻击(Cross Site Script),指黑客通过篡改网页,注入恶意HTML脚本,在用户浏览网页时,控制用户浏览器进行恶意操作的一种...

    2024-02-01 05:55:09
  • unity 检测物体是否在相机视野范围内

    脚本挂在摄像机要显示的对象上前提:该对象有 render 组件public class visibleTT : MonoBehaviour{ public bool isRendering = false; public float lastTime = 0; public float curTime = 0; void Update() {

    2024-02-01 05:55:03
  • androidstudio 使用正则表达式替换xml相关内容

    androidstudio 使用正则表达式替换xml相关内容

    例如我在xml文件中,需要在edittext增加限制输入数据类型为数字类型 在替换栏中使用$n(n代表正则表达式中括号的索引,从1开始)来保存原来的换行等需要保留的内容 替换后的效果: ...

    2024-02-01 05:54:56
  • 企业的述职如何做才有效?

    企业的述职如何做才有效?

    有句话说的好,群众的眼睛是雪亮的。他们的回答是完全走形式,我的上级就在述职现场那我肯定挑好的说,作用不大。每年的问题都差不多,每年都述职,我都没感觉了。让所有的参与人,包括评估者和被评估者正确理解36...

    2024-02-01 05:54:50