Express.js 中如何解决 POST 请求中获取不到请求体的问题-JavaScript中文网-JavaScript教程资源分享门户

在开发前端应用时，我们经常需要向服务器发送 POST 请求来提交表单数据或者 JSON 数据等。而在 Node.js 中，我们可以使用 Express.js 来搭建服务器。但是在使用 Express.js 处理 POST 请求时，有时会遇到一个问题：无法获取请求体。本文将介绍这个问题的原因以及如何解决它。

问题的原因

在 Express.js 中处理 POST 请求时，我们通常会使用 body-parser 中间件来解析请求体。body-parser 中间件会将请求体存储在 req.body 中，以便我们在后续的处理中使用。

然而，如果我们在处理 POST 请求时无法获取到请求体，通常是因为我们没有正确配置 body-parser 中间件。具体来说，我们需要确保：

在请求头中设置了正确的 Content-Type。如果是表单数据，应该设置为 application/x-www-form-urlencoded；如果是 JSON 数据，应该设置为 application/json。
在 Express.js 应用中使用了 body-parser 中间件，并且将其配置为解析请求体。

如果这两个条件都满足了，但是仍然无法获取到请求体，那么可能是因为我们在处理请求的代码中出现了问题。

解决方法

要解决这个问题，我们需要逐个排除可能的原因。首先，我们可以检查请求头中的 Content-Type 是否正确。如果不正确，我们需要将其设置为正确的值。

// 处理表单数据的 POST 请求
app.use(bodyParser.urlencoded({ extended: false }));

// 处理 JSON 数据的 POST 请求
app.use(bodyParser.json());

接下来，我们需要检查是否正确配置了 body-parser 中间件。通常情况下，我们会在应用中使用以下代码来配置 body-parser 中间件：

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

const app = express();

app.use(bodyParser.urlencoded({ extended: false }));
app.use(bodyParser.json());

如果我们仍然无法获取到请求体，那么可能是因为我们在处理请求的代码中出现了问题。以下是一个示例代码，演示了如何正确地处理 POST 请求并获取请求体：

// javascriptcn.com 代码示例
const express = require('express');
const bodyParser = require('body-parser');

const app = express();

app.use(bodyParser.urlencoded({ extended: false }));
app.use(bodyParser.json());

app.post('/api/user', (req, res) => {
  const { username, password } = req.body;
  console.log(username, password);
  res.send('success');
});

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

在上面的代码中，我们首先使用 body-parser 中间件来解析请求体。然后，我们定义了一个 POST 请求处理函数，用于处理 /api/user 路径的 POST 请求。在处理函数中，我们可以通过 req.body 属性获取到请求体中的数据，并进行相应的操作。

总结

在处理 Express.js 中的 POST 请求时，我们需要确保正确设置了请求头中的 Content-Type，并正确配置了 body-parser 中间件。如果仍然无法获取到请求体，那么可能是因为我们在处理请求的代码中出现了问题。通过以上方法，我们可以轻松地解决这个问题，并正确获取 POST 请求中的请求体。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/6576c075d2f5e1655d02a579