Fetch POST请求返回data为undefined，是否因403 Forbidden错误导致？

AI 小北

2026-8-8

问题分析与解决

一、控制台打印`undefined`的直接原因

你的代码Promise链存在逻辑问题：第一个.then()仅执行了console.log(res)，没有返回任何值，导致第二个.then()接收的data自然为undefined。这个问题和403错误无直接因果关系——哪怕请求成功，这么写也会输出undefined。

二、403 Forbidden错误的影响

从Response对象可见状态码为403，说明服务器拒绝了你的请求，这会导致你无法获取预期的响应数据，但这不是undefined的直接诱因。常见403原因包括：

Basic Auth的用户名/密码错误，或btoa编码后的内容不符合服务器要求
服务器未配置对应CORS规则，即使你设置了mode: 'cors'也无法通过跨域校验
请求资源需要更高权限，或你的认证方式不符合服务器要求

三、修正后的代码示例

function arCall(url = '', data = {}) {
  fetch(url, {
    method: 'POST', 
    mode: 'cors', 
    cache: 'no-cache', 
    headers: {
      'Accept': 'application/json',
      'Content-Type': 'application/json',
      'Authorization': 'Basic ' + btoa('<my Username>:<my Password>'),
    },
    body: JSON.stringify(data) 
  })
  // 先校验响应状态，处理异常
  .then((res) => {
    console.log(res);
    if (!res.ok) {
      throw new Error(`请求失败：${res.status}`);
    }
    // 返回解析后的JSON数据供下一个then使用
    return res.json();
  })
  .then(data => console.log(data))
  // 捕获所有错误（含403、网络错误等）
  .catch(err => console.error(err));
} 

arCall('<my URL>', { id: 111 });