fetch上传文件报错的问题(multipart: NextPart: EOF)

技术栈

  • 后台: gin(golang)
  • 前端: react+antd+dva

问题

前端这边使用fetch发送http请求的时候,后端解析formData报错:

multipart: NextPart: EOF

分析问题

原因是上传文件太小了Content-Length数量太小了,尝试将headers里这字段的value变大,发现实际的请求依然是较小值。

解决方法

检查fetch参数的headers有没有自动添加Content-Type, 有的话去掉。参考此篇文章,默认设置了Content-Type还有其他的字段时会引起fetch无法控制你的Content-Type

image.png

起因

查看Antd里的上传文件的demo, 发现里边使用的是reqwst上传,而我本地用的是Antd pro封装的request(fetch),按照demo,formData放在data字段,而fetch应该接受的是body字段。但是服务端报错说的是Content-Type未识别,所以才手贱去加Content-Type引发了一系列报错···

参考链接

点此查看

原文地址:https://www.cnblogs.com/we8fans/p/9133828.html