博客
关于我
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/

你可能感兴趣的文章
MySQL配置文件深度解析:10个关键参数及优化技巧---强烈要求的福利来咯。
查看>>
Mysql配置表名忽略大小写(SpringBoot连接表时提示不存在,实际是存在的)
查看>>
mysql配置读写分离并在若依框架使用读写分离
查看>>
MySQL里为什么会建议不要使用SELECT *?
查看>>
MySQL里的那些日志们
查看>>
MySQL锁
查看>>
MySQL锁与脏读、不可重复读、幻读详解
查看>>
MySQL锁机制
查看>>
mysql锁机制,主从复制
查看>>
Mysql锁机制,行锁表锁
查看>>
MySQL锁表问题排查
查看>>
Mysql锁(1):锁概述和全局锁的介绍
查看>>
Mysql锁(2):表级锁
查看>>
MySQL锁,锁的到底是什么?
查看>>
MySQL错误-this is incompatible with sql_mode=only_full_group_by完美解决方案
查看>>
Mysql错误2003 -Can't connect toMySQL server on 'localhost'(10061)解决办法
查看>>
MySQL错误提示mysql Statement violates GTID consistency
查看>>
mysql错误:This function has none of DETERMINISTIC, NO SQL, or READS SQL DATA in its de
查看>>
mysql长事务
查看>>
mysql问题记录
查看>>