JavaScript 中 Fetch 怎么实现请求失败的自动重试机制-js教程-PHP中文网

fetch 本身不提供重试功能，需手动封装：捕获网络错误或5xx状态码等临时性失败，结合指数退避、abortcontroller超时控制及重试次数限制实现健壮请求。

javascript 中 fetch 怎么实现请求失败的自动重试机制

Fetch 本身不提供重试功能，需要手动封装逻辑来实现失败后的自动重试。核心思路是：捕获网络错误或非成功状态码，延迟后重新发起请求，控制重试次数和间隔避免雪崩。

判断哪些错误需要重试

不是所有失败都适合重试。通常只对临时性问题重试，比如网络中断、500/502/503 等服务端临时错误；而 400、401、404 这类客户端错误一般不重试。

网络异常（如 TypeError: Failed to fetch）——可重试
响应状态码为 5xx（服务器内部错误）——可重试
响应状态码为 4xx（除 408、429 外多数是客户端问题）——通常不重试
超时（需配合 AbortController 实现）——可重试

基础重试函数封装

用 async/await 封装一个支持重试的 fetch 函数，传入 URL、选项和最大重试次数：

async function fetchWithRetry(url, options = {}, retries = 3) {
  for (let i = 0; i = 500 && res.status  setTimeout(r, Math.pow(2, i) * 1000));
    }
  }
}

添加超时与 AbortController 支持

原生 fetch 没有超时机制，容易卡住。结合 AbortController 可主动中断请求，避免无限等待：

Feishu calendar sync, local ics to json data for AI agent

将ICS日历文件转为JSON格式，用于飞书日历导入导出及数据集成。

下载

创建 AbortController 实例，将 signal 传入 fetch 选项
设置定时器，在指定毫秒后调用 controller.abort()
捕获 AbortError 或 TypeError（被中止时抛出）并重试

示例中可在 options 里加 timeout: 5000，并在函数内处理超时逻辑。

实际使用示例

调用时像普通 fetch 一样，但自带重试能力：

fetchWithRetry('/api/data', { method: 'POST', body: JSON.stringify({x:1}) }, 2)
  .then(res => res.json())
  .then(data => console.log(data))
  .catch(err => console.error('最终失败:', err));

上面代码最多尝试 3 次（初始 + 2 次重试），失败后按指数退避等待，最终抛出最后一次错误。