前言
从后端下载或导出文件一般有两种方式: 一、接口返回 http
地址。前端请求 url
实现下载,虽然前端处理很方便,但是浪费服务器资源(需要开辟空间存放文件)。 二、接口返回二进制文件流。前端通过解析文件流实现下载,虽然前端处理相对较麻烦,但是不浪费服务器资源(不需要存放)。
大部分情况下,都是接口返回文件流的形式。
本文就帮助您在 vue
项目中,解析文件流下载 excel
、word
、txt
等等文件。
我建议直接使用 js-file-download
插件进行解析下载,该插件非常优秀。
npm install js-file-download
配置
不配置会导致文件损坏,例如基于 axios
就在该请求库的配置中加入,原生的话直接在请求中配置即可。
打开您的 http
请求配置文件,加入以下代码:
responseType: