JavaScript 请求重试需手动控制，核心是设定最大重试次数（推荐3次，共4次请求）和指数退避延迟（base×2^retryCount，可加±20%抖动），并规避非幂等请求与4xx错误。
在 JavaScript 中实现请求重试，关键不是靠框架自动处理，而是手动控制失败后的重新发起逻辑。你需要明确两个核心参数：重试次数上限和每次重试前的等待时间（即退避间隔），同时避免无限重试或过于密集的请求。
设置最大重试次数
最直接的方式是用一个计数器，在每次失败时递增，达到阈值后停止重试并抛出错误或返回失败结果。
- 建议将重试次数设为 2～4 次（例如 3 次），多数临时性网络问题（如抖动、502/504）在此范围内可恢复
- 首次请求不计入重试次数，所以“重试 3 次” = 总共最多发送 4 次请求
- 可在函数参数中传入 maxRetries，默认为 3，便于不同接口按需调整
控制重试时间间隔（退避策略）
固定间隔（如每次都等 1000ms）简单但不够健壮；推荐使用指数退避（Exponential Backoff），让等待时间随重试次数增长，降低服务压力。
- 基础公式：delay = base * (2 ^ retryCount)，其中 base 常取 250ms 或 500ms
- 第 1 次重试等待 500ms，第 2 次 1000ms，第 3 次 2000ms —— 合理拉开节奏
- 可加随机抖动（jitter），比如 ±20% 时间浮动，避免大量请求在同一时刻涌向服务端
结合 fetch 封装一个带重试的请求函数
下面是一个轻量实用的示例（不依赖外部库）：
立即学习“Java免费学习笔记（深入）”；
async function fetchWithRetry(url, options = {}, { maxRetries = 3, baseDelay = 500 } = {}) {
let lastError;
<p>for (let i = 0; i <= maxRetries; i++) {
try {
const res = await fetch(url, options);
if (!res.ok) throw new Error(<code>HTTP ${res.status}</code>);
return res;
} catch (err) {
lastError = err;
if (i < maxRetries) {
const delay = baseDelay <em> Math.pow(2, i) + (Math.random() - 0.5) </em> baseDelay * 0.4;
await new Promise(r => setTimeout(r, Math.floor(delay)));
}
}
}</p><p>throw lastError;
}</p><p>// 使用示例
fetchWithRetry('/api/data', { method: 'GET' }, { maxRetries: 2, baseDelay: 300 })
.then(res => res.json())
.catch(err => console.error('最终失败:', err));
注意边界与异常情况
重试不是万能的，要主动规避不该重试的场景：
- 非幂等请求（如 POST/PUT/DELETE）慎重重试，除非后端明确支持或已做去重（如带唯一 id）
- 跳过 4xx 错误（如 400、401、403、404），它们通常代表客户端问题，重试无意义
- 可配合 AbortController 设置单次请求超时（如 8s），防止某次卡死拖垮整体重试流程
- 前端监控中记录重试次数分布，有助于发现真实稳定性瓶颈
