vue通过识别后端报错信息,使前端自动返回登录页

前言

一般可能用在网页连接超时的情况或者一些别的需要统一处理的问题的情况

实现
工具

1.axios
2.vue-router

步骤

1.通过在main.js设置axios的拦截器,拦截所有的状态为false的信息(需要后端配合,标注错误状态)

2.对信息进行判断。如果符合判断内的特殊条件,就通过 window.location.href 的方式获取最后的路

由进行判断当前页面是否是登录页,是的话就不处理,不是就跳转到登录页

代码
//axios响应拦截器
axios.interceptors.response.use(
  response => {
    //拦截响应,做统一处理 
    if (xxx) {
      // window.location.href 的操作
      xxxxx
    }
    return response
  },
  error => {
  	//另外的错误
    return Promise.reject(error.response.status)
  })
后语

axios的官网好像总是会出点问题

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值