Next.js13+Node18服务端fetch发送POST请求失败求助

可能的问题点及修复方案 #

1. 未正确解析响应数据 #

你的代码仅返回了Response对象，没有将其解析为实际的JSON数据，导致控制台输出的是响应实例而非接口返回内容。修改方式：

fetch("{url}", requestOptions)
  .then(response => {
    // 先校验响应状态是否正常
    if (!response.ok) {
      throw new Error(`请求失败，状态码：${response.status}`);
    }
    return response.json(); // 解析响应为JSON格式
  })
  .then(result => console.log(result))
  .catch(error => console.log('error', error));

2. Next.js服务端fetch的默认缓存行为 #

Next.js 13服务端的fetch会默认缓存GET请求，虽然POST请求理论上不缓存，但显式禁用缓存可避免潜在的缓存干扰：

var requestOptions = {
  method: 'POST',
  headers: myHeaders,
  body: raw,
  cache: 'no-store', // 强制禁用缓存
};

3. Headers对象的兼容性问题 #

部分接口对Headers实例的处理存在差异，尝试用普通对象替代：

var requestOptions = {
  method: 'POST',
  headers: {
    "Accept": "application/json",
    "Authorization": "id_token xxx",
    "Content-Type": "application/json"
  },
  body: raw,
};

4. 空请求体的特殊处理 #

部分API对空JSON对象的POST请求处理逻辑特殊，可尝试移除body字段（若接口允许空请求体）或替换为null：

// 若接口接受空请求体
var requestOptions = {
  method: 'POST',
  headers: myHeaders,
  body: null, // 或直接删除body字段
};

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