500拦截报错 axios_vue axios配置axios拦截器没有生效

在axios中设置响应拦截器时,遇到500等错误状态码未能正常显示提示信息。代码示例显示,无论是504还是500错误,都没有给出相应提示。错误捕获打印结果也没有显示状态码。问题在于switch语句中缺少break关键字,导致状态码500的错误信息未被正确处理。如何正确获取并处理error的状态码是当前需要解决的问题。
摘要由CSDN通过智能技术生成

如下代码所示 无论是504还是500 都没有相应提示 是出了什么问题么?

7f278ca46069379d10d1bf8effcf54cc.png

axios.interceptors.response.use(

response => {

// 响应成功关闭loading

console.log('response',response);

loadinginstace.close();

return response;

},

error => {

console.log("error", error);

if (error.response) {

switch (error.response.status) {

case 400:

loadinginstace.close();

Message.error({

message: "参数异常"

});

case 404:

loadinginstace.close();

Message.error({

message: "找不到该页面"

});

case 500:

loadinginstace.close();

Message.error({

message: "服务器异常"

});

case 504:

loadinginstace.close();

Message.error({

message: "服务器宕机"

});

}

}

return Promise.reject(error);

}

);

捕捉到error时 打印error是如下结果

39efd1ec109a7717a260222aeb55ee76.png

请问如何拿到error的状态码?

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值