axios 网络异常重试

最新推荐文章于 2024-05-28 21:36:41 发布

guxuehua

最新推荐文章于 2024-05-28 21:36:41 发布

阅读量2.7k

点赞数

分类专栏：遇到的问题文章标签：前端 javascript 网络异常axios

本文链接：https://blog.csdn.net/guxuehua/article/details/127231660

版权

遇到的问题专栏收录该内容

8 篇文章 0 订阅

订阅专栏

网络异常包括

1. 请求超时 2. 响应超时 3. 客户端无网络发起接口请求 4. 其他因素导致的网络异常。

重试机制：

目前我们针对网络异常的接口只重试一次，防止服务接口挂了一直重试把服务端搞挂了

axios.interceptors.response.use(undefined, (err) => {
  // 只重试一次
  const { config: originalRequest } = err;
  if (
    (err?.code === 'ECONNABORTED' ||
      err?.message === 'Network Error' ||
      err?.message?.includes?.('timeout')) &&
    !originalRequest._retry
  ) {
    originalRequest._retry = true;
    return axios.request(originalRequest);
  }
});

参考地址：axios请求超时,设置重新请求的完美解决方法 - 掘金