VUE使用 js-file-download 下载Excel文件

理想 • 2022-05-07 • BUG处理, 教程记录, 问题解决 • 343 阅读

前言

今天在写一个Excel文件导出接口时，后端使用EasyPOI实现，然后前端是由VUE配合Axios发送异步请求进行下载的，有关EasyPOI的使用看这里：SpringBoot + Vue + Axios 操作Excel文档 - 编程那点事儿 (imyjs.cn)

在那一篇文章中就记录着一种使用Axios下载Excel文件流的解决方案，但是在今天使用时，发现还是有点问题。于是就发现了 js-file-download  。这里就简单记录以下他的使用。希望可以帮助到你。

安装

 npm install --save js-file-download

 

引入

import fileDownload from 'js-file-download';

 

使用

// 导出用户数据
    exportData() {
      this.request({
        responseType: "blob",
        method: "GET",
        url: '/user/admin/export',
      }).then((resp) => {
        console.log(resp.data)
        fileDownload(resp, '用户信息.xlsx');
      }).catch((r) => {
        console.log(r)
        this.$message.error("文件导出异常！")
      })
    },

 

微信关注

编程那点事儿

打赏微海报分享
本站为非盈利性站点，所有资源、文章等仅供学习参考，并不贩卖软件且不存在任何商业目的及用途，如果您访问和下载某文件，表示您同意只将此文件用于参考、学习而非其他用途。
本站所发布的一切软件资源、文章内容、页面内容可能整理来自于互联网，在此郑重声明本站仅限用于学习和研究目的；并告知用户不得将上述内容用于商业或者非法用途，否则一切后果请用户自负。
如果本站相关内容有侵犯到您的合法权益，请仔细阅读本站公布的投诉指引页相关内容联系我，依法依规进行处理！
作者：理想
链接：https://www.imyjs.cn/archives/822
THE END
二维码
VUE使用 js-file-download 下载Excel文件
前言 今天在写一个Excel文件导出接口时，后端使用Ea……
<<上一篇
下一篇>>
文章目录
关闭
目 录