在拦截器中访问 Axios 错误代码

Question

在客户端 JavaScript/React/etc 中使用axios响应拦截器时，如何访问如下错误代码：

• ERR_CONNECTION_REFUSED （API 服务器已关闭）
• ERR_INTERNET_DISCONNECTED （本地网络已关闭）

我注意到这些代码通过axios/lib/adapters/xhr.js打印到控制台，但我似乎无法在我的响应拦截器中自己访问它们？

代码：

axios.interceptors.response.use(null, (error) => {

    console.log(error.???);

    return Promise.reject(error);
}

注意：关键是在向用户显示错误消息时能够区分“您的互联网已关闭”和“我们的 API 已关闭”。

Answer 1

您可以像这样error.response.status获得状态，但编写安全代码，因为它并不总是正确的。 在 502 的情况下，error.response 未定义并且会中断

这是您如何处理错误的方法

 axios.interceptors.response.use(null, (error) => { if (error.message === 'Network Error') { if (error?.response?.status') === 504) { throw { message: 'Something went wrong. Please try again later.', }; } else { throw { message: 'You are not connected to the internet. Verify your connection and then try again.', }; } } if (error.response) { if (error.response.status === 500) { throw { message: 'Something went wrong. Please try again later.', }; } if (error.response.status === 401) { // logout logic } if (error.response.status === 403) { // redirect user to some home page since that action is not allowed } throw {...error.response.data, statusCode: error.response.status }; } throw { message: 'Something went wrong. Please try again later.', }; });