使用 axios 时，catch 块中的状态代码 300 返回错误

Question

当我使用 axios 进行 http 调用时，它会进入 catch 块并出现错误

Answer 1

我认为你有多种选择。 您可以提取您的代码then回调到功能-当状态代码为300叫它在错误处理程序。

您也可以从 axios 尝试此选项，仅当状态代码 > 301 时才拒绝承诺。

axios.get('/user/12345', {
  validateStatus: function (status) {
    return status <= 300; // Reject only if the status code is greater than 300
  }
})

Answer 2

我需要一些更有活力的东西：

// oversimplified index.js

const axios = require('axios')

const allowedStatusList = json.parse(process.env.ALLOWED_STATUSES) || ["2xx"]
// ^^ check that it's a valid input yourself :p 

const validateRequestStatusCode = allowedStatuses => {
  const stringStatuses = allowedStatuses.map(String)
  return status => {
    if (stringStatuses.includes(String(status))) {
      return true
    } else {
      for (let wildCardStatus of stringStatuses) {
        const validRange = wildCardStatus.match(/.+?(?=xx)/g)
        if (validRange && String(status).substring(0, 1) == validRange[0]) {
          return true
        }
      }
    }
    return false
  }
}

const axiosConfig = {
  validateStatus: validateRequestStatusCode(allowedStatusList),
  url,
  data
  // etc
}

axios(axiosConfig)
.then(...)
.catch(...)

这将允许您只提供一个环境变量（或者您想要进行的配置）来更改哪些状态是有效的。

例如，设置ALLOWED_STATUSES='["2xx", "3xx", "4xx"]'将允许来自 200 和 499 的任何状态代码。设置ALLOWED_STATUSES='[200, 201, "3xx"]'并且你有一个更具体的过滤器。