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

原由

查看Antd裏的上傳文件的demo, 發現裏邊使用的是reqwst上傳，而我本地用的是Antd pro封裝的request(fetch)，按照demo，formData放在data字段，而fetch應該接受的是body字段。可是服務端報錯說的是Content-Type未識別，因此才手賤去加Content-Type引起了一系列報錯···

參考連接

點此查看