Express req.body属性为空

基础概念

req.body 是 Express.js 框架中用于获取 HTTP 请求体内容的属性。通常用于处理 POST、PUT 等请求方法中的数据。

相关优势

• 简洁易用：Express 提供了中间件来解析请求体，使得获取请求体数据变得非常简单。
• 灵活性：支持多种数据格式，如 JSON、URL-encoded、raw 和 text。

类型

• JSON：req.body 会被解析为一个 JavaScript 对象。
• URL-encoded：req.body 会被解析为一个键值对的字符串对象。
• Raw：req.body 会是一个 Buffer 或 Stream 对象。
• Text：req.body 会是一个字符串。

应用场景

• 表单提交：处理 HTML 表单提交的数据。
• API 接口：接收和解析客户端发送的 JSON 数据。

问题：Express req.body 属性为空

原因

1. 未使用中间件解析请求体：Express 默认不会自动解析请求体，需要使用中间件如 body-parser。
2. 请求方法不支持：GET 请求通常没有请求体，因此 req.body 为空。
3. 请求头设置错误：客户端发送请求时，Content-Type 头设置不正确。

解决方法

1. 使用中间件解析请求体：

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

const app = express();

// 解析 application/json
app.use(bodyParser.json());

// 解析 application/x-www-form-urlencoded
app.use(bodyParser.urlencoded({ extended: true }));

app.post('/api/data', (req, res) => {
  console.log(req.body);
  res.send('Data received');
});

app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

1. 检查请求方法和请求头：

确保客户端发送的是 POST 或 PUT 请求，并且 Content-Type 头设置正确。例如，发送 JSON 数据时，Content-Type 应为 application/json。

fetch('/api/data', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({ key: 'value' })
});

参考链接

• Express 官方文档
• body-parser 中间件

通过以上方法，可以有效解决 req.body 属性为空的问题。