vue 解决 post请求下载文件,下载的文件损坏打不开,结果乱码

您所在的位置:网站首页 为什么解压好的文件打不开 vue 解决 post请求下载文件,下载的文件损坏打不开,结果乱码

vue 解决 post请求下载文件,下载的文件损坏打不开,结果乱码

2024-07-15 11:34| 来源: 网络整理| 查看: 265

 

axios.post('path', {key: ''}, { responseType: 'blob' //指定返回数据的格式为blob }) .then(response => { console.log(response);//把response打出来,看下图 let url = window.URL.createObjectURL(response.data); console.log(url) var a = document.createElement("a"); document.body.appendChild(a); a.href = url; a.download = '2.xls'; a.click(); window.URL.revokeObjectURL(url); }) .catch(err => { 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正常打开,也没有修复提示。

经过分析,是后台返回的数据流里面带有接口请求状态等信息,让后台去掉后就正常了。

 



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3