在拦截器中访问 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.',
  };
});