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的官网好像总是会出点问题

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值