本人在使用vue axios上传图片file的时候发现,个别版本手机qq浏览器上传到后端接口,接口接受到的内容为空,用微信,或者其他软件的内置浏览器,与谷歌浏览器等都无法复现此问题,查阅了资料,发现有很多人也遇到过这样的问题,但是都没有解决的回复,于是只能继续研究,最后发现了这样一篇文章,提到了可能是fromdata兼容性的问题,随即改动代码,引入了formdata.min.js插件,发现可以完美解决兼容性问题,于是想发布出来提供给大家参考一下,下面是原文链接
ios 上传formdata兼容性问题处理总结_咖喱&土豆的博客-CSDN博客_new formdata()兼容性
1.用微信扫码后打开内置浏览器,利用vConsole打开调试界面.发送请求后观察network,发现body内参数正常
2.用qq扫码后打开内置浏览器,利用vConsole打开调试界面.发送请求后观察network,发现body内参数异常
3.解决步骤如下
1) 使用npm 引入插件
npm install formdata-polyfill
2) 在main.js文件中
import 'formdata-polyfill'
引入完成后,就解决了body内容为空的问题啦