使用fetch接口post数据时记得指定 Content-Type

发布网友发布时间：2024-09-30 06:57

共1个回答

热心网友时间：2024-11-07 21:16

在使用fetch接口进行POST数据传输时，至关重要的一点是别忘了指定Content-Type。否则，可能会导致意想不到的错误。

在尝试用原生fetch接口发送POST请求时，尽管前端代码简洁明了，但后端基于Node.js的Express框架却未能正确解析数据。这源于Express的bodyParser中间件，它依赖Content-Type来解析接收到的POST数据。当Content-Type不匹配或未指定时，解析便会失败，导致数据无法读取。

问题出在我们的请求中没有明确指定Content-Type。fetch接口的默认值是text/plain，这与bodyParser的默认解析类型不符。因此，要解决这个问题，我们需要在fetch请求中添加headers，指定Content-Type为application/json，或者在后端添加对其他类型如text/plain的支持。

此外，不同前端库对不指定Content-Type的处理也有所不同。fetch的polyfill在IE等不支持fetch的浏览器上，会按照预期工作，但处理非标准数据类型时可能会出错。而jQuery的$.ajax接口则会默认为application/x-www-form-urlencoded，将数据格式化为Form Data，这与fetch接口的差异较大。

总结起来，确保在使用fetch接口post数据时指定正确的Content-Type，可以避免许多潜在问题。完整的示例代码和测试项目可以在hh54188/fetch_post_test中找到，以供参考。