Express.js使用body-parser时POST请求体为空问题求助

我来帮你排查这个问题，这种req.body始终为空的情况，通常是中间件配置顺序不对或者请求格式与解析器不匹配导致的，咱们一步步来解决：

1. 先确认body-parser中间件的挂载顺序和完整性 #

首先必须确保body-parser的中间件在路由定义之前挂载，而且要同时覆盖JSON和表单两种请求格式（因为你既用了PostMan又用了fetch，可能发送的格式不同）。

正确的基础配置应该是这样：

const express = require('express');
const bodyParser = require('body-parser');
const app = express();

// 先挂载解析中间件，顺序绝对不能错！
app.use(bodyParser.urlencoded({ extended: true })); // 处理表单格式的请求
app.use(bodyParser.json()); // 处理JSON格式的请求（重点！发送数组时常用这种）

// 再定义你的根路由
app.post('/', (req, res) => {
  console.log('请求体:', req.body);
  res.send(req.body);
});

app.listen(3000, () => console.log('服务启动在3000端口'));

2. 匹配请求格式与Content-Type头 #

你发送的是数组，这里分两种常见场景调整请求方式：

场景A：发送JSON格式的数组（推荐）

不管是PostMan还是fetch，都要确保：

• 请求体是JSON字符串化的数组（比如[1, "test", true]）
• 请求头必须设置Content-Type: application/json

PostMan操作步骤：

• 切换到Body标签 → 选择raw → 格式选JSON
• 输入数组内容，比如["apple", "banana", "cherry"]
• 检查Headers里是否有Content-Type: application/json（PostMan选JSON格式会自动添加）

React中isomorphic-fetch的正确写法：

fetch('/', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
    'Accept': 'application/json'
  },
  body: JSON.stringify(["apple", "banana", "cherry"]) // 一定要用JSON.stringify转成字符串
})
.then(response => response.json())
.catch(error => console.error('请求出错:', error));

场景B：发送表单格式的数组

如果用表单方式发送数组，参数名必须带[]后缀，这样body-parser才能识别为数组：

• PostMan中选x-www-form-urlencoded，添加参数：
  • 参数名：fruits[]，值：apple
  • 参数名：fruits[]，值：banana
• 此时req.body会被解析为{ fruits: ["apple", "banana"] }

3. 排查潜在的中间件冲突 #

如果上面的配置都做了还是不行，检查是否有其他中间件在body-parser之前挂载，并且消耗了请求体（比如某些日志中间件或者自定义中间件读取了req.body但没有恢复）。这种情况下，body-parser就无法再读取到请求体内容了。

4. 调试验证 #

可以在路由里先打印请求头，确认Content-Type是否正确：

app.post('/', (req, res) => {
  console.log('请求Content-Type:', req.headers['content-type']);
  console.log('请求体:', req.body);
  res.send(req.body);
});

按照上面的步骤调整后，应该就能正常获取到req.body里的数组了。

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