Vue处理后端返回文件流实现下载

原创

已于 2022-11-01 08:59:35 修改 · 2.7k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

于 2022-06-14 10:17:07 首次发布

本文介绍如何在Vue项目中处理后端返回的文件流，实现文件的本地下载。通过在`download.js`中编写相关逻辑，并在`main.js`全局引入，设置请求响应类型为`blob`来接收文件流。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Vue处理后端返回文件流实现下载文件到本地

1、在项目src目录utils下编写一个download.js文件

export default {
   
   
		//下载Excel
	excel(data,fileName) {
   
   
		this.download0(data,fileName,"application/vnd.ms-excel");
	},
		//下载docx
	docx(data,fileName) {
   
   
		this.download0(data,fileName,"application/msexcel");
	},
		//下载Word
	word(data,fileName) {
   
   
		this.download0(<