vue解决post请求下载文件，下载的文件损坏打不开，结果乱码
vue解决post请求下载⽂件，下载的⽂件损坏打不开，结果乱码axios.post('xxx', {
responseType: 'blob'//指定返回数据的格式为blob
})
.then(response => {
console.log(response);//把response打出来，看下图
let url = ateObjectURL(response.data);
console.log(url)怎么进行数据分析>初中教师个人总结
var a = ateElement("a");
document.body.appendChild(a);
a.href = url;
a.download = '2.xls';
a.click();
vokeObjectURL(url);
江畔独步寻花的意思诗意})
踌躇
.catch(err => {
2023年清明放假调休
console.log(`接⼝调⽤失败`);
console.log(err);
})
现象：
1。postman请求下载⽂件正常
2。js代码在别的项⽬中下载正常
3。js代码在本项⽬中下载的excel打开提⽰⽂件损坏。
原因：
  项⽬中前期引⼊了mockjs进⾏模拟数据请求。导致请求结果被mock拦截，修改了返回数据类型。
张靓颖新恋情曝光
下⾯是mock拦截修改后的返回对象，data变成string类型，显⽰为乱码。返回的请求为MockXMLHttpRequest类型
注释到 mockjs的引⽤后，data类型为正常的blob类型
结果发现，
1.⾕歌浏览器下载，office打不开。
2.QQ浏览器⾕歌内核下载，postman下载，office打开提⽰修复，点击确定，正常显⽰数据。
3.⾕歌浏览器下载，wps正常打开，也没有修复提⽰。
经过分析，是后台返回的数据流⾥⾯带有接⼝请求状态等信息，让后台去掉后就正常了。
希望看见这个随笔的⼈能解决问题，

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。