【VUE】处理后端返回的文件流并下载文件

html标签

<a style="display:none;" ref="download"></a>

js代码

res.data为后端接口返回的文件流数据

记得接口在请求时候设置responseType: 'blob'

const fileName = decodeURI(res.headers['content-disposition'].split('filename=')[1]);// 获取文件名称
this.$refs.download.innerHTML = fileName;
this.$refs.download.download = fileName;
this.$refs.download.href = URL.createObjectURL(res.data);
this.$refs.download.click();