vue.js中使用axios发送post请求实现excel下载

最新推荐文章于 2024-01-12 18:06:23 发布

Daniel丶云焕

最新推荐文章于 2024-01-12 18:06:23 发布

阅读量3.9k

点赞数

本文链接：https://blog.csdn.net/c2311156c/article/details/83986427

版权

1. 前端：
this.axios({
   method: 'post',
   responseType: 'blob',
   url: 'testUrl',
   data: {'id': id}
}).then(res => {
   let fileName = res.headers['content-disposition'].split(';')[1].split('=')[1].replace(/\"/g,'')
   let type = res.headers['content-type']
   let blob = new Blob([res.data], {type: type})
   // IE
   if (window.navigator.msSaveBlob){
       window.navigator.msSaveBlob(blob, fileName)
   }
})

2. 后端：(仅response设置部分)
String headString = "attachment; filename=\"" + new String("testUrl".getBytes("gb2312"), "ISO8859-1") + "\"";
response.setContentType("octets/stream");
response.setContentType("APPLICATION/OCTET-STREAM");
response.setHeader("Content-Disposition", headString);
out = response.getOutputStream();