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

你可能感兴趣的文章
Neo私链
查看>>
NervanaGPU 项目使用教程
查看>>
Nerves 项目教程
查看>>
nessus快速安装使用指南(非常详细)零基础入门到精通,收藏这一篇就够了
查看>>
Nessus漏洞扫描教程之配置Nessus
查看>>
Nest.js 6.0.0 正式版发布,基于 TypeScript 的 Node.js 框架
查看>>
nested exception is org.apache.ibatis.builder.BuilderException: Error parsing Mapper XML.
查看>>
nestesd exception is java .lang.NoSuchMethodError:com.goolge.common.collect
查看>>
nestJS学习
查看>>
net core 环境部署的坑
查看>>
NET Framework安装失败的麻烦
查看>>
Net 应用程序如何在32位操作系统下申请超过2G的内存
查看>>
Net.Framework概述
查看>>
NET3.0+中使软件发出声音[整理篇]<转>
查看>>
net::err_aborted 错误码 404
查看>>
NetApp凭借领先的混合云数据与服务把握数字化转型机遇
查看>>
NetAssist网络调试工具使用指南 (附NetAssist工具包)
查看>>
Netbeans 8.1启动参数配置
查看>>
NetBeans IDE8.0需要JDK1.7及以上版本
查看>>
NetBeans之JSP开发环境的搭建...
查看>>