Fastify 中解决 POST 请求 body 为空的问题

在使用 Fastify 进行开发过程中，我们有可能会遇到这样一种情况：在使用 POST 方法进行请求时，请求的 body 参数为空。这时候我们需要对 Fastify 进行一些配置，让其能够正确地解析请求体。

问题分析

在使用 Fastify 官方提供的 fastify-formbody 插件时，如果请求的 Content-Type 不是 application/x-www-form-urlencoded 或 multipart/form-data，那么请求的 body 参数不会被正确地解析出来，仍然为空。这里介绍两种解决方案。

解决方案一：手动解析

我们可以手动处理请求的 body，将其转化为 JSON 格式。可以通过监听 onRequest 事件，获取到请求的原始数据，再进行解析操作。

// javascriptcn.com 代码示例
fastify.addHook('onRequest', async (req, res) => {
  if (req.method === 'POST' && req.headers['content-type'] !== 'application/json') {
    let data = '';
    for await (const chunk of req) {
      data += chunk;
    }
    req.body = JSON.parse(data);
  }
});

该方法的缺点是比较繁琐，需要手动解析请求体并进行类型转换。因此我们推荐使用第二种方案。

解决方案二：使用 fastify-express

我们可以使用 fastify-express 插件来代替 fastify-formbody。该插件能够兼容 Express 的中间件，包括对 body-parser 的支持。通过使用它，我们就可以很简单地解决 POST 请求 body 为空的问题。

首先安装 fastify-express：

npm i fastify-express

然后在 Fastify 初始化时启用该插件。

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

fastify.register(require('fastify-express'));

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

fastify.use(app);

这里我们引入了 Express 的中间件 bodyParser，用于解析请求体。然后通过 fastify.use() 将其添加到 Fastify 中。

总结

在开发中遇到 POST 请求 body 为空的问题时，我们可以通过手动解析请求体或使用 fastify-express 插件解决问题。使用 fastify-express 可以很方便地解决问题，同时也能顺带解决其他与 Express 相关的问题。

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