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

前言

今天在写一个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("文件导出异常！")
      })
    },

微信关注

编程那点事儿