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

你可能感兴趣的文章
Navicat怎样筛选数据
查看>>
Navicat报错connection is being used
查看>>
Navicat报错:1045-Access denied for user root@localhost(using passwordYES)
查看>>
Navicat控制mysql用户权限
查看>>
navicat操作mysql中某一张表后, 读表时一直显示正在载入,卡死不动,无法操作
查看>>
Navicat连接mysql 2003 - Can't connect to MySQL server on ' '(10038)
查看>>
Navicat连接mysql数据库中出现的所有问题解决方案(全)
查看>>
Navicat连接Oracle出现Oracle library is not loaded的解决方法
查看>>
Navicat连接Oracle数据库以及Oracle library is not loaded的解决方法
查看>>
Navicat连接sqlserver提示:未发现数据源名并且未指定默认驱动程序
查看>>
navicat连接远程mysql数据库
查看>>
Navicat通过存储过程批量插入mysql数据
查看>>
Navicat(数据库可视化操作软件)安装、配置、测试
查看>>
navigationController
查看>>
NB-IOT使用LWM2M移动onenet基础通信套件对接之APN设置
查看>>
NBear简介与使用图解
查看>>
Vue过滤器_使用过滤器进行数据格式化操作---vue工作笔记0015
查看>>
Ncast盈可视 高清智能录播系统 IPSetup.php信息泄露+RCE漏洞复现(CVE-2024-0305)
查看>>
NCNN中的模型量化解决方案:源码阅读和原理解析
查看>>
NCNN源码学习(1):Mat详解
查看>>