JavaScript中Fetch GET请求返回错误的排查求助

给你梳理几个最可能踩的坑，对应解决方法：

1. 彻底移除GET请求的body参数 #

HTTP规范里GET请求不应该携带body，虽然个别服务器兼容，但绝大多数会直接报错。Postman的代码生成工具有时候会忽略请求方法，默认加上body模板，这是你遇到问题的核心原因之一，必须删掉所有和body相关的代码。

2. 修正Fetch的错误处理逻辑 #

Fetch的默认行为有坑：只有网络彻底断开才会进入catch块，像404、500这类HTTP错误码不会触发catch。你之前返回"ERROR"可能只是捕获了网络错误，但实际是请求发出去了但返回了错误状态码，却没被处理。

正确的做法是在.then里先检查响应状态：

async function fetchData() {
  try {
    const response = await fetch('你的API地址', {
      method: 'GET',
      headers: {
        // 这里复制Postman里的请求头，比如认证令牌、Content-Type等
        'Authorization': 'Bearer xxx',
        'Content-Type': 'application/json'
      }
      // 绝对不要加body参数！
    });

    // 检查HTTP状态码，非2xx都视为错误
    if (!response.ok) {
      throw new Error(`请求失败：${response.status} ${response.statusText}`);
    }

    const data = await response.json(); // 返回非JSON的话用response.text()
    console.log(data);
    return data;
  } catch (error) {
    console.error('请求出错:', error);
    return `ERROR: ${error.message}`; // 返回更具体的错误信息方便排查
  }
}

// 调用时要处理异步逻辑
fetchData().then(result => console.log(result));
// 或者在async函数里用await
// const result = await fetchData();

3. 查看Chrome控制台的具体错误详情 #

你说在控制台执行报错，一定要点红叉旁边的箭头展开错误详情，常见的问题有：

• 跨域错误（CORS）：提示"No 'Access-Control-Allow-Origin' header is present..."，需要后端在响应头添加Access-Control-Allow-Origin字段
• 请求头错误：比如带了服务器不允许的头，或者认证令牌过期/无效
• 地址错误：API地址写错，比如少了斜杠、域名不对，或者查询参数没拼对

4. 核对Postman的请求配置 #

把Postman里的请求和代码逐一对比：

• 确认请求方法是GET，不是POST/PUT
• 完全复制Postman里的请求头（Headers），不要漏了必要的认证信息
• 确认API地址和查询参数完全一致，查询参数要拼在URL后面，比如https://api.example.com/data?id=123

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