vue下载excel文件接口返回乱码问题

一、背景

1. post请求
2. 调用接口A
3. 下载excel文件不成功
4. 谷歌浏览器Network查看调用接口A的Preview：
   

二、解决办法

1.发送post请求时添加：responseType: 'blob'
2.调用接口后添加：

 let blob = new Blob([res.data], { type: 'application/vnd.ms-excel' });let url = window.URL.createObjectURL(blob);window.location.href = url;

3.调用接口修改excle文件名或者后缀

 let blob = new Blob([res.data], { type: 'application/vnd.ms-excel' });let url = window.URL.createObjectURL(blob);var filename = '修改的名字';let link = document.createElement('a')link.style.display = 'none'link.href = urllink.setAttribute('download', filename + '.xls')document.body.appendChild(link)link.click()

参考链接：

1. https://blog.csdn.net/ic_xcc/article/details/103632618
2. https://blog.csdn.net/hefeng6500/article/details/82988624?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.nonecase&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.nonecase

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！