在前端开发中，我们经常需要使用 express.js 和 body-parser 来处理请求体中的数据。其中，body-parser 是一个非常流行的中间件，可以帮助我们解析请求体中的各种数据格式，如 JSON、url-encoded 和 multipart 等。但是，在一些特殊情况下，我们会发现 express.js 和 body-parser 无法正确解析请求体中的 JSON 数据。那么，为什么会出现这种情况呢？
问题的根源
要理解这个问题的根源，我们需要先了解一下 HTTP 协议中的请求头和请求体。HTTP 协议规定，请求头和请求体之间需要使用一个空行来分隔。请求头中包含了一些关于请求的元数据，如请求方法、请求地址、请求头部信息等。而请求体中则包含了请求的实际数据，如表单数据、JSON 数据等。
当我们向服务器发送一个请求时，浏览器会先发送请求头部信息，然后再发送请求体数据。但是，在某些情况下，浏览器可能会先发送请求体数据，而请求头部信息则会在请求体数据发送完毕后再发送。这种情况下，如果我们使用 express.js 和 body-parser 来解析请求体数据，就会出现问题。
具体来说，当浏览器将请求体数据先发送时，express.js 和 body-parser 会尝试从请求头部信息中获取请求体的大小信息，然后再根据大小信息来解析请求体数据。但是，由于请求头部信息还没有发送过来，导致 express.js 和 body-parser 无法正确获取请求体的大小信息，进而无法正确解析请求体数据。
解决方案
为了解决这个问题，我们可以在 express.js 中手动设置请求头部信息，来告诉 body-parser 请求体的大小信息。具体来说，我们可以使用 express.js 中的 set 方法来设置请求头部信息中的 Content-Length 字段，该字段表示请求体的大小。示例代码如下：
-- -------------------- ---- ------- ----- ------- - ------------------ ----- ---------- - ---------------------- ----- --- - --------- -------------------------- --------------------- ----- ---- -- - --------------------- ------------------ -- ---------------- -- -- - ------------------- -- ------- -- ----------------------- --
在上面的代码中，我们使用了 bodyParser.json() 中间件来解析请求体中的 JSON 数据。但是，由于我们无法获取请求体的大小信息，导致 express.js 和 body-parser 无法正确解析请求体中的 JSON 数据。为了解决这个问题，我们可以在路由处理函数中手动设置请求头部信息中的 Content-Length 字段，来告诉 body-parser 请求体的大小信息。示例代码如下：
-- -------------------- ---- ------- ----- ------- - ------------------ ----- ---------- - ---------------------- ----- --- - --------- -------------------------- --------------------- ----- ---- -- - ----- ------- - ------------------------ ----------------------------- - -------------------------- --------------------- ------------------ -- ---------------- -- -- - ------------------- -- ------- -- ----------------------- --
在上面的代码中，我们首先使用 JSON.stringify 方法将请求体数据转换成字符串，然后使用 Buffer.byteLength 方法获取字符串的字节长度，并将其赋值给请求头部信息中的 Content-Length 字段。这样，express.js 和 body-parser 就可以正确解析请求体中的 JSON 数据了。
总结
在使用 express.js 和 body-parser 处理请求体数据时，我们需要注意请求头部信息和请求体数据的顺序。如果浏览器先发送请求体数据，就会导致 express.js 和 body-parser 无法正确解析请求体中的数据。为了解决这个问题，我们可以在 express.js 中手动设置请求头部信息，来告诉 body-parser 请求体的大小信息。这样，我们就可以正确解析请求体中的数据了。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65e56abe1886fbafa41087e2