axios-retry插件-axios请求失败自动重试

秒速五厘米 2023-10-12 19:39 57阅读 0赞

### 介绍 ###

axios-retry 对外导出 axiosRetry() 方法： 通过对 axios 单例添加“拦截器”，来扩展实现自动重试网络请求功能。

### 安装 ###

<table> 
 <tbody> 
  <tr> 
   <td> <pre>npm install axios-retry
</pre> </td> 
  </tr> 
 </tbody> 
</table>

### 使用 ###

<table> 
 <tbody> 
  <tr> 
   <td> <pre>// CommonJS
// const axiosRetry = require('axios-retry');

// ES6
import axiosRetry from 'axios-retry';

axiosRetry(axios, { retries: 3 });

axios.get('http://example.com/test') // The first request fails and the second returns 'ok'
  .then(result =&gt; {
    result.data; // 'ok'
  });

// Exponential back-off retry delay between requests
axiosRetry(axios, { retryDelay: axiosRetry.exponentialDelay});

// Custom retry delay
axiosRetry(axios, { retryDelay: (retryCount) =&gt; {
  return retryCount * 1000;
}});

// 自定义 axios 实例
const client = axios.create({ baseURL: 'http://example.com' });
axiosRetry(client, { retries: 3 });

client.get('/test') // 第一次请求失败，第二次成功
  .then(result =&gt; {
    result.data; // 'ok'
  });

// 允许 request-specific 配置
client
  .get('/test', {
    'axios-retry': {
      retries: 0
    }
  })
  .catch(error =&gt; { // The first request fails
    error !== undefined
  });
</pre> </td> 
  </tr> 
 </tbody> 
</table>

**备注:** 除非 `shouldResetTimeout`被设置, 这个插件  
将请求超时解释为全局值, 不是针对每一个请求，二是全局的设置

### 配置 ###

<table> 
 <thead> 
  <tr> 
   <th>Name</th> 
   <th>Type</th> 
   <th>Default</th> 
   <th>Description</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>retries</td> 
   <td><code>Number</code></td> 
   <td><code>3</code></td> 
   <td>The number of times to retry before failing.</td> 
  </tr> 
  <tr> 
   <td>retryCondition</td> 
   <td><code>Function</code></td> 
   <td><code>isNetworkOrIdempotentRequestError</code></td> 
   <td>如果应该重试请求，则进一步控制的回调。默认情况下，如果是幂等请求的网络错误或5xx错误，它会重试(GET, HEAD, OPTIONS, PUT or DELETE).</td> 
  </tr> 
  <tr> 
   <td>shouldResetTimeout</td> 
   <td><code>Boolean</code></td> 
   <td>false</td> 
   <td>Defines if the timeout should be reset between retries</td> 
  </tr> 
  <tr> 
   <td>retryDelay</td> 
   <td><code>Function</code></td> 
   <td><code>function noDelay() { return 0; }</code></td> 
   <td>控制重试请求之间的延迟。默认情况下，重试之间没有延迟。另一个选项是exponentialDelay (<a href="https://developers.google.com/analytics/devguides/reporting/core/v3/errors#backoff" title="Exponential Backoff" rel="nofollow">Exponential Backoff</a>). The function is passed&nbsp;<code>retryCount</code>&nbsp;and&nbsp;<code>error</code>.</td> 
  </tr> 
 </tbody> 
</table>

### 测试 ###

克隆这个仓库 然后 执行:

## axios-retry ##

Axios plugin that intercepts failed requests and retries them whenever possible.

### Installation ###

npm install axios-retry

### Usage ###

// CommonJS
    // const axiosRetry = require('axios-retry');
    
    // ES6
    import axiosRetry from 'axios-retry';
    
    axiosRetry(axios, { retries: 3 });
    
    axios.get('http://example.com/test') // The first request fails and the second returns 'ok'
      .then(result => {
        result.data; // 'ok'
      });
    
    // Exponential back-off retry delay between requests
    axiosRetry(axios, { retryDelay: axiosRetry.exponentialDelay });
    
    // Custom retry delay
    axiosRetry(axios, { retryDelay: (retryCount) => {
      return retryCount * 1000;
    }});
    
    // Works with custom axios instances
    const client = axios.create({ baseURL: 'http://example.com' });
    axiosRetry(client, { retries: 3 });
    
    client.get('/test') // The first request fails and the second returns 'ok'
      .then(result => {
        result.data; // 'ok'
      });
    
    // Allows request-specific configuration
    client
      .get('/test', {
        'axios-retry': {
          retries: 0
        }
      })
      .catch(error => { // The first request fails
        error !== undefined
      });

**Note:** Unless `shouldResetTimeout` is set, the plugin interprets the request timeout as a global value, so it is not used for each retry but for the whole request lifecycle.

### Options ###

<table> 
 <thead> 
  <tr> 
   <th>Name</th> 
   <th>Type</th> 
   <th>Default</th> 
   <th>Description</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>retries</td> 
   <td><code>Number</code></td> 
   <td><code>3</code></td> 
   <td>The number of times to retry before failing. 1 = One retry after first failure</td> 
  </tr> 
  <tr> 
   <td>retryCondition</td> 
   <td><code>Function</code></td> 
   <td><code>isNetworkOrIdempotentRequestError</code></td> 
   <td>A callback to further control if a request should be retried. By default, it retries if it is a network error or a 5xx error on an idempotent request (GET, HEAD, OPTIONS, PUT or DELETE).</td> 
  </tr> 
  <tr> 
   <td>shouldResetTimeout</td> 
   <td><code>Boolean</code></td> 
   <td>false</td> 
   <td>Defines if the timeout should be reset between retries</td> 
  </tr> 
  <tr> 
   <td>retryDelay</td> 
   <td><code>Function</code></td> 
   <td><code>function noDelay() { return 0; }</code></td> 
   <td>A callback to further control the delay in milliseconds between retried requests. By default there is no delay between retries. Another option is exponentialDelay (<a href="https://developers.google.com/analytics/devguides/reporting/core/v3/errors#backoff" title="Exponential Backoff" rel="nofollow">Exponential Backoff</a>). The function is passed&nbsp;<code>retryCount</code>&nbsp;and&nbsp;<code>error</code>.</td> 
  </tr> 
  <tr> 
   <td>onRetry</td> 
   <td><code>Function</code></td> 
   <td><code>function onRetry(retryCount, error, requestConfig) { return; }</code></td> 
   <td>A callback to notify when a retry is about to occur. Useful for tracing. By default nothing will occur. The function is passed&nbsp;<code>retryCount</code>,&nbsp;<code>error</code>, and&nbsp;<code>requestConfig</code>.</td> 
  </tr> 
 </tbody> 
</table>

### Testing ###

Clone the repository and execute:

npm test