post方式返回文件流实现前端blob下载,responseType: 'blob'无效

一般情况下,下载分为好几种,但是常用的是get下载文件流直接下载


post下载文件流是很少见的,但是鉴于参数太多,不能走get 只能走post下载,post下载分为两种:

1.form表单下载


2.post返回文件流转成blob下载,研究了很久 也很坑,上代码:


这个地方如果responseType设为blob的话,返回的文件流将会被转成blob对象,不是文件流,但是无论怎么设置都没有转成blob对象,网上有很多解释,一个是说封装好的axios设置responseType是无效的,于是乎,我就引入了原生axios,手动添加token认证和content-type,但是返回结果依然是文件流,兜兜转转后来才发现最坑的是mockjs的引入,mockjs会影响responseType的设置转换,项目中注释掉mockjs即可实现成功blob的转换,还有就是可以修改mockjs的原生代码,如果需要用到mockjs的简友们可以修改代码,不过偶同步更新依赖包的时候记得及时修改,如果mockjs可以在项目中抛弃的话建议直接main.js中删除引入,毕竟还有其他的坑。。。

推荐博客地址:

https://blog.csdn.net/weixin_42142057/article/details/97655591

https://github.com/nuysoft/Mock/issues/244

https://segmentfault.com/q/1010000014704618/

你可能感兴趣的:(post方式返回文件流实现前端blob下载,responseType: 'blob'无效)