您当前的位置: 首页 >  后端

王佳斌

暂无认证

  • 2浏览

    0关注

    821博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

Vue - 下载后端接口返回的文件流(js-file-download)

王佳斌 发布时间:2021-12-08 09:50:51 ,浏览量:2

前言

从后端下载或导出文件一般有两种方式: 一、接口返回 http 地址。前端请求 url 实现下载,虽然前端处理很方便,但是浪费服务器资源(需要开辟空间存放文件)。 二、接口返回二进制文件流。前端通过解析文件流实现下载,虽然前端处理相对较麻烦,但是不浪费服务器资源(不需要存放)。

大部分情况下,都是接口返回文件流的形式。

本文就帮助您在 vue 项目中,解析文件流下载 excelwordtxt 等等文件。

准备工作

我建议直接使用 js-file-download 插件进行解析下载,该插件非常优秀。

npm install js-file-download
配置

不配置会导致文件损坏,例如基于 axios 就在该请求库的配置中加入,原生的话直接在请求中配置即可。

打开您的 http 请求配置文件,加入以下代码:

responseType: 
关注
打赏
1665568777
查看更多评论
立即登录/注册

微信扫码登录

0.0409s