推荐使用 Promise 风格的 HTTP 库 Axios 的人一定都熟悉它的超时时间（timeout）配置。然而，Axios 并没有提供重试机制，当请求失败时只能通过捕获异常后手动重新发送请求。这种处理方式虽然功能上没有问题，但却比较繁琐且不方便维护。那么，有没有更好的解决方案呢？当然有，就是使用 npm 包 axios-retry。
axios-retry 是什么？
axios-retry 是一个用于 Axios 的插件，它能够自动检测请求失败，然后自动重试。这个插件只是一个轻量级的封装，使用很简单，而且还能灵活地配置。
安装
要想使用 axios-retry，要先将它安装到你的工程中。通过 npm 命令你就可以快速安装：
npm install axios-retry
使用
在 Axios 的 create 方法中使用 axios-retry：
-- -------------------- ---- ------- ----- ----- - ----------------- ----- ----- - ----------------------- ----- -------- - --------------- --------------- - -------- -- -- ---- ----------- ------------ -- - ------ ---------- - ----- -- ---- -- ------------------- ----- ---展开代码
你可以看到，我们需要引入 Axios 和 axios-retry 两个包，然后创建 Axios 实例，最后使用 axios-retry 给该实例添加了重试机制。
还需要注意的是，axios-retry 还要提供一些配置项，以便能够更有效地重试请求。其中， retries 和 retryDelay 是其中最重要的两个配置项。 retries 用于配置重试次数，而 retryDelay 则用于配置每次重试的时间间隔。在这个例子中，我们假设重试 3 次，每次重试的时间间隔都为 2 秒钟。
除此之外，axios-retry 还有其他一些可选配置项，例如 shouldRetry、retryCondition 等等。如果你不知道如何配置，可以查看 axios-retry 的官方文档以获取更深入的了解。
示例代码
-- -------------------- ---- ------- ----- ----- - ----------------- ----- ----- - ----------------------- ----- -------- - -------------- -------- ------------------------------ -------- ----- --- --------------- - -------- -- ----------- ------------ -- - ------ ---------- - ----- -- ------------------- ----- --------------- ------- -- - ------ ---------- --- ------------- -- --------- - --- --------------------- ---------------- -- - --------------------------- -- -------------- -- - ------------------- ---展开代码
在这个示例代码中，我们使用 axios.create 方法创建了 Axios 实例，然后使用 axios-retry 插件为此实例添加了重试机制。在最后一行代码中，我们发起了一个 GET 请求，并在 promise 中处理请求结果。
以上就是 npm 包 axios-retry 的使用教程。如果你使用的是 Axios，并且想要添加重试机制，那么 axios-retry 就是一个非常好的选择。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66952
