JavaScript 中怎么编写只针对 5xx 服务端错误进行重试的拦截器-js教程-PHP中文网

JavaScript中实现仅对5xx错误重试的拦截器：用Axios响应拦截器捕获错误，判断status>=500&&status

javascript 中怎么编写只针对 5xx 服务端错误进行重试的拦截器

在 JavaScript 中实现只对 5xx 服务端错误（如 500、502、503、504 等）进行重试的拦截器，核心是：捕获请求失败响应 → 判断状态码是否属于 5xx 范围 → 满足条件则延迟重发，否则直接拒绝。

使用 Axios 编写 5xx 专用重试拦截器

Axios 提供了请求和响应拦截器，适合在此处统一处理重试逻辑。关键点包括：

用响应拦截器捕获错误，通过 error.response?.status 获取真实 HTTP 状态码（注意：网络错误或超时无 status，需排除）
判断 status >= 500 && status ，精准匹配所有 5xx 类型
为避免无限重试，建议限制最大重试次数（如 3 次），并用 config 自身记录已重试次数
重试前加入指数退避延迟（如 200ms → 400ms → 800ms），减轻服务端压力

示例代码：

let retryCount = 0;
const MAX_RETRY = 3;
const BASE_DELAY = 200;
<p>axios.interceptors.response.use(
response => response, // 成功直接放行
error => {
const { config, response } = error;
const status = response?.status;</p><pre class="brush:php;toolbar:false;">// 只对 5xx 错误且未超重试上限的请求重试
if (status >= 500 && status  {
    setTimeout(() => {
      resolve(axios(config)); // 重新发起原始请求
    }, delay);
  });
}

retryCount = 0; // 重试结束或非 5xx 错误，重置计数
return Promise.reject(error); // 其他情况原样抛出

} );

注意请求配置的可重放性

不是所有请求都适合自动重试，尤其含副作用的操作（如 POST 提交表单）。需确保：

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

GET 请求默认安全，可放心重试；POST/PUT/DELETE 建议显式标记（如加 config.retryable = true）再启用重试
避免重试带临时 token 或一次性签名的请求，否则可能因凭证过期导致循环失败
若使用 cancelToken 或 AbortController，重试时需创建新实例，否则原取消信号仍生效

更健壮的写法：封装成可复用函数

把重试逻辑抽离为独立函数，便于按需应用到特定请求，而非全局拦截：

const withRetryOn5xx = (requestFn, maxRetry = 3) => {
  return async (...args) => {
    let lastError;
    for (let i = 0; i = 500 && status  setTimeout(r, 200 * Math.pow(2, i)));
      }
    }
    throw lastError;
  };
};
<p>// 使用示例
const fetchUser = withRetryOn5xx(() => axios.get('/api/user'));
fetchUser().then(...).catch(...);</p>