在 Web 开发过程中，处理 HTTP 请求体是一个很重要的任务。Express.js 是 Node.js 的一个 Web 框架，它可以帮助我们快速地搭建 Web 应用，并提供了方便、易用的 API 处理 HTTP 请求体。
本文将介绍如何使用 Express.js 处理 HTTP 请求体，并提供一个详细的示例代码。希望能够帮助读者更好地理解 Express.js 的用法并提升前端开发技能。
什么是 HTTP 请求体？
在 Web 开发中，HTTP 请求是客户端（如浏览器）通过 HTTP 协议向服务器发送的请求，包括请求头和请求体两个部分。其中，请求体是客户端传输的数据，可以是表单数据、JSON 数据等。
处理 HTTP 请求体是服务器端开发中最常见的任务之一，因为服务器需要从中提取出数据并进行相应的处理。
Express.js 处理 HTTP 请求体
Express.js 提供了一系列的 API 来处理 HTTP 请求体，主要包括以下两个模块：
body-parser模块：用于解析 HTTP 请求体中的数据，并将其转换为 JavaScript 对象。multer模块：用于处理上传的文件，将其存储到指定的目录中。
我们将分别介绍这两个模块的用法。
使用 body-parser 模块解析请求体
body-parser 模块可以帮助我们解析 HTTP 请求体中的数据，例如表单数据、JSON 数据等，并将其转换为 JavaScript 对象。
首先，在 Express 应用中引用 body-parser 模块：
const bodyParser = require('body-parser');然后，将 body-parser 中间件绑定到 Express 应用中：
// create express app
const app = express();
// parse requests of content-type - application/json
app.use(bodyParser.json());
// parse requests of content-type - application/x-www-form-urlencoded
app.use(bodyParser.urlencoded({ extended: true }));其中，bodyParser.json() 中间件用于解析 JSON 形式的数据，bodyParser.urlencoded() 中间件用于解析 URL-encoded 形式的数据。
现在，我们就可以在请求处理函数中使用 req.body 来访问请求体中的数据了。
使用 multer 模块处理文件上传
multer 模块可以帮助我们处理上传的文件，将其存储到指定的目录中。
首先，在 Express 应用中引用 multer 模块：
const multer = require('multer');然后，创建一个 multer 对象：
const upload = multer({ dest: 'uploads/' });其中，dest 参数指定文件上传后的存储目录。
现在，我们就可以在请求处理函数中使用 upload.single() 来处理上传的文件了。
例如，下面的代码将会处理单个文件的上传：
app.post('/upload', upload.single('file'), (req, res) => {
// req.file 保存了上传的文件信息
});在上述代码中，upload.single() 中间件用于处理单个文件的上传，file 参数指定了上传表单中对应的字段名。
示例代码
下面的示例代码演示了如何使用 Express.js 处理表单数据和文件上传。
-- -------------------- ---- ------- ----- ------- - ------------------- ----- ---------- - ----------------------- ----- ------ - ------------------ ----- --- - ---------- ----- ------ - -------- ----- ---------- --- -- ----- -------- -- ------------ - ---------------- --------------------------- -- ----- -------- -- ------------ - --------------------------------- ------------------------------- --------- ---- ---- ------------------------ ----- ---- -- - ----- - ----- ------ ------- - - --------- -- ------ ------------------ ---------- ------------------- ----------- --------------------- ------------- -------------- --------- --------------- --- ------------------- ---------------------- ----- ---- -- - -- ------ --------------------- ----- ----------------------- -------------- -------- --------------- --- -- ----- --- ------ ---------------- -- -- - ------------------- --------- -- ---- ------- ---
在上述代码中，/submit-form 路径处理表单数据，/upload 路径处理文件上传。在控制台中输出了相应的信息，并在请求结束时返回了一个简单的响应信息。
总结
本文介绍了如何使用 Express.js 处理 HTTP 请求体，包括解析表单数据和处理文件上传。通过上述示例代码，读者可以更好地掌握 Express.js 的用法，并在 Web 开发中更快地处理 HTTP 请求体。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64af873e48841e9894b96989