为何try{}catch(){}无法捕获fetch请求的控制台报错？

• fetch的核心特性：只有网络层面的失败（比如断网、域名无法解析）才会触发catch；服务器返回的4xx、5xx这类HTTP错误状态，fetch会判定请求已成功完成，不会自动进入catch块，这就是你控制台仍报错的原因。

• 正确处理方式：在fetch的响应回调里手动判断状态，抛出错误让catch捕获
  示例代码：

  try {
    const res = await fetch('目标接口地址');
    // 检查响应状态是否处于正常区间（200-299）
    if (!res.ok) {
      // 可按需获取服务器返回的错误详情
      const errorInfo = await res.text();
      throw new Error(`请求失败: ${res.status} - ${errorInfo}`);
    }
    const data = await res.json();
    // 处理正常返回的数据
  } catch (err) {
    // 这里能同时捕获网络错误和HTTP错误
    console.error('请求异常:', err);
  }
  

• 补充：不管是在React组件里直接调用，还是用redux-saga的call执行请求，都需要加这个状态判断逻辑，手动抛出错误后，try/catch才能正常捕获处理。

内容的提问来源于stack exchange，提问作者Aleksandyr Kamenov