首页 > 解决方案 > 如何使用适配器更改 Axios 中的结果状态?

问题描述

为什么

我们正在使用axios-retry库,它在内部使用此代码:

axios.interceptors.response.use(null, error => {

由于它只指定错误回调,Axios 文档说:

任何超出 2xx 范围的状态码都会触发该函数

不幸的是,我们正在调用一个非 RESTful API,它可以在正文中返回 200 并带有错误代码,我们需要重试。

我们尝试在 axios-retry 之前添加一个 Axios 拦截器并在这种情况下更改结果状态;但这并没有触发随后的拦截器错误回调。

起作用的是指定一个自定义适配器。然而,这并没有很好的记录,我们的代码也不能处理所有情况。

编码

const axios = require('axios');
const httpAdapter = require('axios/lib/adapters/http');
const settle = require('axios/lib/core/settle');
const axiosRetry = require('axios-retry');

const myAdapter = async function(config) {
  return new Promise((resolve, reject) => {
    // Delegate to default http adapter
    return httpAdapter(config).then(result => {
      // We would have more logic here in the production code
      if (result.status === 200) result.status = 500;
      settle(resolve, reject, result);
      return result;
    });
  });
}

const axios2 = axios.create({
  adapter: myAdapter
});

function isErr(error) {
  console.log('retry checking response', error.response.status);
  return !error.response || (error.response.status === 500);
}

axiosRetry(axios2, {
  retries: 3,
  retryCondition: isErr
});

// httpstat.us can return various status codes for testing
axios2.get('http://httpstat.us/200')
  .then(result => {
    console.log('Result:', result.data);
  })
  .catch(e => console.error('Service returned', e.message));

这适用于错误情况,打印:

重试检查响应 500
重试检查响应 500
重试检查响应 500
重试检查响应 500
服务返回请求失败,状态码为 500

它也适用于成功案例(将 URL 更改为http://httpstat.us/201):

结果:{代码:201,描述:'创建'}

问题

但是,将 URL 更改为http://httpstat.us/404会导致:

(节点:19759)UnhandledPromiseRejectionWarning:错误:请求失败,状态码为 404
    在 createError (.../node_modules/axios/lib/core/createError.js:16:15)
    在解决(.../node_modules/axios/lib/core/settle.js:18:12)

catch调用中的AhttpAdapter将捕获该错误,但我们如何将其传递到链中呢?

实现 Axios 适配器的正确方法是什么?

如果有更好的方法来处理这个问题(没有分叉 axios-retry 库),那将是一个可以接受的答案。

更新

一位同事发现在通话中做.catch(e => reject(e))(或只是.catch(reject)httpAdapter似乎可以解决这个问题。但是,我们仍然希望有一个规范的示例来实现包装默认 http 适配器的 Axios 适配器。

标签: node.jsaxiosadapteraxios-retry

解决方案


这是有效的(在节点中):

const httpAdapter = require('axios/lib/adapters/http');
const settle = require('axios/lib/core/settle');

const customAdapter = config =>
  new Promise((resolve, reject) => {
    httpAdapter(config).then(response => {
      if (response.status === 200)
        // && response.data contains particular error
      {
        // log if desired
        response.status = 503;
      }
      settle(resolve, reject, response);
    }).catch(reject);
  });

// Then do axios.create() and pass { adapter: customAdapter }
// Now set up axios-retry and its retryCondition will be checked

推荐阅读