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

在axios中设置响应拦截器时,遇到500或504错误未能正常显示错误提示。代码示例展示了拦截器配置,但无法正确获取并处理状态码。当错误发生时,错误信息打印显示,需解决如何正确捕获和处理HTTP状态码的问题。
摘要由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的状态码?

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值