如何使用axios.all()调用多API时，仅获取可用端点的数据？

原代码的问题在于：只要有一个端点请求失败，axios.all()就会直接抛出异常，导致你拿不到其他成功请求的数据。要实现只获取可用端点的数据，核心是给每个单独的请求添加错误处理，让失败的请求不阻断整个批量操作，之后再过滤掉失败结果。

方法一：用async/await + try/catch处理单个请求 #

给每个请求单独包裹错误捕获逻辑，成功时返回带标记的数据，失败时返回失败标记：

// 为每个端点请求添加单独的错误处理
const requests = BPPs.map(async (endpoint) => {
  try {
    const response = await axios.get(endpoint);
    return { success: true, data: response.data };
  } catch (error) {
    // 可选：记录失败日志，方便排查
    console.error(`请求 ${endpoint} 失败:`, error.message);
    return { success: false };
  }
});

// 等待所有请求完成（无论成功或失败）
const allResults = await axios.all(requests);

// 过滤出成功的请求数据
const cataLouge = allResults.filter(item => item.success).map(item => item.data);
console.log(cataLouge);

方法二：用Promise的catch()简化处理 #

如果不想用async/await，也可以直接给每个请求绑定catch()，失败时返回特定值：

const requests = BPPs.map(endpoint => 
  axios.get(endpoint)
    .then(res => ({ success: true, data: res.data }))
    .catch(err => {
      console.error(`请求 ${endpoint} 失败:`, err.message);
      return { success: false };
    })
);

const allResults = await axios.all(requests);
const cataLouge = allResults.filter(r => r.success).map(r => r.data);
console.log(cataLouge);

更简洁的写法（忽略错误日志） #

如果不需要记录错误信息，还可以让失败的请求直接返回null，之后过滤掉null值：

const requests = BPPs.map(endpoint => 
  axios.get(endpoint)
    .then(res => res.data)
    .catch(() => null)
);

const allResults = await axios.all(requests);
const cataLouge = allResults.filter(data => data !== null);
console.log(cataLouge);

内容的提问来源于stack exchange，提问作者Dipak Choudhary