博客
关于我
vue使用axios接收后台返回的文件流下载文件
阅读量:509 次
发布时间:2019-03-07

本文共 766 字,大约阅读时间需要 2 分钟。

后台接口返回的数据

代码部分:

this.axios({    method: "get",    headers: {      "content-type": "application/json", // 默认值      Authorization: "Bearer " + sessionStorage.getItem("access_token"),    },    url: 'your_URL',    params: {'name':'Jack'},    responseType: "blob",  })    .then(function (res) {      let blob = new Blob([res.data]); // { type: "application/vnd.ms-excel" }      let url = window.URL.createObjectURL(blob); // 创建一个临时的url指向blob对象      // 创建url之后可以模拟对此文件对象的一系列操作,例如:预览、下载      let a = document.createElement("a");      a.href = url;      a.download = "表格.xlsx";      a.click();      // 释放这个临时的对象url      window.URL.revokeObjectURL(url);    })    .catch(function (res) {      console.log("error", res);    });

注意:  responseType: "blob"必须写 不然下载下来的excel是损坏文件打不开。

转载地址:http://nuwnz.baihongyu.com/

你可能感兴趣的文章
Nginx:objs/Makefile:432: recipe for target ‘objs/src/core/ngx_murmurhash.o‘解决方法
查看>>
nginxWebUI runCmd RCE漏洞复现
查看>>
nginx_rtmp
查看>>
Nginx、HAProxy、LVS
查看>>
nginx一些重要配置说明
查看>>
Nginx下配置codeigniter框架方法
查看>>
Nginx与Tengine安装和使用以及配置健康节点检测
查看>>
Nginx中使用expires指令实现配置浏览器缓存
查看>>
Nginx中使用keepalive实现保持上游长连接实现提高吞吐量示例与测试
查看>>
Nginx中实现流量控制(限制给定时间内HTTP请求的数量)示例
查看>>
nginx中配置root和alias的区别
查看>>
nginx主要流程(未完成)
查看>>
Nginx之二:nginx.conf简单配置(参数详解)
查看>>
Nginx从入门到精通
查看>>
Nginx从入门到精通(全)
查看>>
Nginx从安装到高可用,一篇搞定!
查看>>
Nginx代理websocket配置(解决websocket异常断开连接tcp连接不断问题)
查看>>
Nginx代理初探
查看>>
nginx代理地图服务--离线部署地图服务(地图数据篇.4)
查看>>
Nginx代理外网映射
查看>>