使用Axios发送CSV正常,发送Excel文件时Flask端无法接收
问题原因及解决方案
问题出在你手动设置了Content-Type: multipart/form-data请求头。当发送FormData时,浏览器(包括Axios)会自动生成包含boundary分隔符的Content-Type头,格式类似multipart/form-data; boundary=----WebKitFormBoundaryxxxx。这个boundary是服务器解析多部分表单数据的核心标识,缺少它服务器无法正确识别表单里的文件字段。
CSV文件因结构简单、体积小,服务器在无boundary的情况下侥幸解析成功,但Excel文件的二进制结构更复杂,必须依赖boundary才能被正确识别。而Postman会自动为FormData请求添加正确的boundary,所以能正常工作。
修正代码
直接删除手动设置的Content-Type头,让Axios自动处理:
const formData = new FormData() formData.append('file', file) axios(myUrl, { method: "POST", // 移除手动设置的Content-Type data: formData, })
补充说明
如果需要自定义其他请求头(比如Authorization),只需保留对应头即可,不要覆盖Content-Type:
axios(myUrl, { method: "POST", headers: { 'Authorization': 'Bearer your-token' // 不设置Content-Type,让Axios自动生成 }, data: formData, })
内容的提问来源于stack exchange,提问作者Matt
相关产品推荐
相关产品推荐

