Fetch API未发送数据，Node服务端接收数据显示Undefined求助

嘿，作为Node.js和Fetch API的新手，遇到这种前端发了数据但后端拿不到的情况太正常了！咱们一步步排查最常见的几个原因，很快就能搞定：

1. 前端Fetch请求没正确配置数据格式 #

默认情况下，Fetch发送的请求体是纯文本格式，后端根本没法识别成你要的用户名和密码对象。你需要做两件事：

• 设置Content-Type请求头为application/json，告诉服务器这是JSON数据
• 把JS对象用JSON.stringify()转成JSON字符串作为请求体

修改你的signin()函数试试：

function signin() {
  const loginData = {
    username: 'robot',
    password: 'cookies'
  };

  fetch('/signin', {
    method: 'POST',
    // 关键：告诉服务器请求体是JSON格式
    headers: {
      'Content-Type': 'application/json'
    },
    // 把JS对象序列化为JSON字符串
    body: JSON.stringify(loginData)
  })
  .then(res => res.json())
  .then(result => console.log('登录请求结果:', result))
  .catch(err => console.error('请求出错:', err));
}

2. 后端没配置请求体解析中间件 #

如果用Express框架的话，默认不会自动解析JSON格式的请求体，所以req.body会是undefined。你需要在后端代码里添加解析中间件：

const express = require('express');
const app = express();

// 必须添加这个中间件，才能解析JSON格式的请求体
app.use(express.json());

// 你的登录路由
app.post('/signin', (req, res) => {
  console.log('收到的用户名:', req.body.username); // 现在应该能拿到'robot'了
  console.log('收到的密码:', req.body.password); // 应该能拿到'cookies'
  res.json({ status: 'success', message: '数据接收成功' });
});

app.listen(3000, () => {
  console.log('服务器运行在3000端口');
});

如果你前端用的是表单提交的application/x-www-form-urlencoded格式，那要换成app.use(express.urlencoded({ extended: true }))中间件。

3. 检查请求方法和路由路径是否匹配 #

• 确保前端Fetch用的是method: 'POST'，后端路由也是app.post('/signin', ...)——GET请求是没有请求体的，用GET的话req.body肯定是undefined
• 核对前端请求的路径（比如/signin）和后端的路由路径完全一致，别出现拼写错误或者路径前缀不一致的情况

按照上面的步骤检查一遍，应该就能解决后端收到undefined的问题啦！

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