在使用 Mocha 进行前端测试时，我们通常会使用 supertest 库来进行 HTTP 请求的测试，包括 GET、POST 等多种请求。但是，在使用 supertest 发送 POST 请求时，有时候会发现请求无法成功发送，导致测试用例失败。那么，这个问题该如何解决呢？本文将介绍一些解决方法和技巧，帮助读者更好地解决类似的问题。
问题的原因
首先，我们需要了解 supertest 发送 POST 请求的原理。事实上，supertest 本身是基于 superagent 库实现的，而 superagent 在发送 POST 请求时，会为请求添加 Content-Type 和 Content-Length 等 header 头信息，来告诉服务器请求的实体类型和长度。然而，如果我们没有正确设置请求的数据格式和长度，就有可能导致服务器在接收请求时无法正确解析数据，从而导致请求无法成功发送。
解决方法
根据问题的原因，我们可以有多种方法来解决 supertest 发送 POST 请求的问题。下面，我们将介绍几个常用方法：
1. 设置请求的 Content-Type
首先，我们需要设置 POST 请求的 content-type 信息，以告诉服务器请求的实体类型。比如，如果我们要发送 JSON 数据，可以设置 content-type 为 application/json，如下所示：
request.post('/users')
.send({ name: 'test' })
.set('Content-Type', 'application/json')
.expect(200, done);这样，服务器就能正确解析我们发送的 JSON 数据了。
2. 设置请求的 Content-Length
除了设置 content-type，我们还需要设置 POST 请求的 content-length，以告诉服务器请求实体的长度。否则，服务器可能会认为请求数据未完整发送，从而阻塞请求。可以通过 content-length 插件来自动设置数据长度，如下所示：
-- -------------------- ---- -------
--- ------- - ---------------------
--- ------- - -------------------
--- ------------- - --------------------------------------------
--- --- - ----------
----------------------------------------
------------------ ------------- ---- -
-------------------------------
---
-------------- -------- ---------- -
----------- ---- ------ -------------- -
--- ---- - - ----- ------ --
------------
---------------
-----------
------------
----------------------- -------
------------------ ---- -
-- ----- ------ ----------
-------
---
---
---通过使用 express-content-length-validator 中间件，我们能够方便地验证长度并自动设置 content-length。
3. 使用 formData
最后，我们可以使用 formData 格式来发送 POST 请求，这种方式可以自动处理 content-type 和 content-length 等信息。如下所示：
request.post('/users')
.field('name', 'test')
.expect(200, done);这样，服务器就能正确解析我们发送的数据了。
总结
Mocha 测试中无法发送 post 请求通常是由于请求数据格式或长度设置不正确导致的。通过设置 content-type、content-length 或使用 formData 格式，我们可以更好地解决这些问题。除此之外，我们还可以使用其他工具来帮助我们检测和解决类似的问题，比如 Postman、Fiddler 等。希望本文能够帮助读者更好地解决类似的问题，并在前端测试中取得更好的效果和表现。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/659e6ae5add4f0e0ff760fa4