axios.all 传播并捕获所有

Question

我正在使用流行库“axios”的 .all 方法来处理我的 ajax 请求。

但是如果所有请求都得到 404，我该如何处理错误呢？

例如：

axios.all([
        axios.get('http://some_url'),
        axios.get('http://another_url'),
      ])
        .then(axios.spread((someUrl, anotherUrl) => {
         // ... boring stuff goes there
        }))
        .catch(() => {
         //... error goes there
        });

所以，似乎只有一个错误被“捕获”了。

我怎样才能全部抓到？或者也许有任何一种.finally？

Answer 1

由于 Promise.all 的快速失败行为，我认为这是不可能的。如果您的任何请求失败，它们将自动成为罪魁祸首和捕获的结果。

    Promise.all([
      Promise.reject(Error('1')),
      Promise.reject(Error('2')),
      Promise.reject(Error('3'))
    ]).then((results) => {
      console.log(results)
    }, (error) => {
      console.log(error.message)
    })

此生成的代码将始终打印 1，因为它是第一个失败的。我认为在 repo 上请求了类似的功能，他们说这是不可能的。

我打算将此作为评论留下，但还没有足够高的声誉。

Answer 2

问题（正如您已经知道的）是，一旦第一个 promise 被拒绝，您就会进入 catch 块，因此无法在同一个 catch 中收集所有失败的响应。但是，您仍然可以手动处理失败的 Promise 以聚合错误并在之后抛出。

检查它是否适合你：

const promises = [
  axios.get('http://some_url'),
  axios.get('http://another_url'),
]
const promisesResolved = promises.map(promise => promise.catch(error => ({ error })))

function checkFailed (then) {
  return function (responses) {
    const someFailed = responses.some(response => response.error)

    if (someFailed) {
      throw responses
    }

    return then(responses)
  }
}

axios.all(promisesResolved)
  .then(checkFailed(([someUrl, anotherUrl]) => {
    console.log('SUCCESS', someUrl, anotherUrl)
  }))
  .catch((err) => {
    console.log('FAIL', err)
  });

如果至少有一个承诺失败，您将进入catch 块。您可以通过检查err 响应数组找到其中一个。