在使用 Express.js 进行开发时，我们经常会遇到 POST 请求出现 400 Bad Request 的问题，这通常是由于请求体中的数据格式不正确导致的。本文将介绍如何解决这个问题，帮助开发者更好地理解 Express.js 中 POST 请求的处理过程。
什么是 400 Bad Request 错误
在 HTTP 协议中，当客户端发送的请求格式不正确或者服务器无法处理请求时，服务器会返回 400 Bad Request 错误。在 Express.js 中，如果我们使用了 bodyParser 中间件来解析请求体，那么当请求体格式不正确时，就会出现这个错误。
解决方法
要解决这个问题，我们需要先了解一下请求体的格式。在 HTTP 协议中，请求体的格式有多种，常见的有 application/x-www-form-urlencoded、multipart/form-data 和 application/json 等。
在 Express.js 中，我们可以通过 bodyParser 中间件来解析请求体。默认情况下，bodyParser 只能解析 application/x-www-form-urlencoded 和 application/json 格式的请求体，如果我们需要解析 multipart/form-data 格式的请求体，需要使用 multer 中间件。
下面是一个使用 bodyParser 中间件解析 application/x-www-form-urlencoded 格式请求体的示例代码：
// javascriptcn.com 代码示例
const express = require('express');
const bodyParser = require('body-parser');
const app = express();
app.use(bodyParser.urlencoded({ extended: false }));
app.post('/api/login', (req, res) => {
const username = req.body.username;
const password = req.body.password;
// do something with username and password
res.send('login success');
});
app.listen(3000, () => {
console.log('server is running on port 3000');
});在这个示例中，我们使用了 bodyParser 中间件来解析 application/x-www-form-urlencoded 格式的请求体。在 POST 请求中，请求体通常是一个键值对的形式，例如：
username=johndoe&password=123456
我们可以通过 req.body 来获取请求体中的数据，例如 req.body.username 就是 johndoe，req.body.password 就是 123456。
如果请求体的格式不正确，那么 bodyParser 中间件就无法解析请求体，从而导致出现 400 Bad Request 错误。例如，如果请求体中的键值对缺失了一个值，就会出现这个错误：
username=johndoe&password=
在这种情况下，req.body.password 就是一个空字符串，这样的数据格式是不符合要求的，会导致 bodyParser 中间件解析失败。
为了避免这个问题，我们需要对请求体进行格式验证。这个过程可以使用 validator.js 这个库来实现。下面是一个使用 validator.js 对请求体格式进行验证的示例代码：
// javascriptcn.com 代码示例
const express = require('express');
const bodyParser = require('body-parser');
const { check, validationResult } = require('express-validator');
const app = express();
app.use(bodyParser.urlencoded({ extended: false }));
app.post('/api/login', [
check('username').notEmpty(),
check('password').notEmpty(),
], (req, res) => {
const errors = validationResult(req);
if (!errors.isEmpty()) {
return res.status(400).json({ errors: errors.array() });
}
const username = req.body.username;
const password = req.body.password;
// do something with username and password
res.send('login success');
});
app.listen(3000, () => {
console.log('server is running on port 3000');
});在这个示例中，我们使用了 express-validator 来对请求体进行格式验证。在 app.post 中，我们传入了一个数组作为第二个参数，这个数组中包含了对 username 和 password 字段的验证规则。如果这些规则不满足，那么就会出现验证错误。
在处理完验证错误后，我们可以通过 req.body 来获取请求体中的数据，和之前的示例一样。
总结
在使用 Express.js 进行开发时，请求体格式不正确会导致出现 400 Bad Request 错误。为了避免这个问题，我们需要对请求体进行格式验证。使用 bodyParser 中间件可以解析 application/x-www-form-urlencoded 和 application/json 格式的请求体，使用 multer 中间件可以解析 multipart/form-data 格式的请求体。使用 express-validator 库可以对请求体进行格式验证，避免出现格式不正确的情况。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65716db0d2f5e1655da182db