vue2中基于后台接口的EXCEL文件流导入导出

原创

已于 2023-05-29 15:18:49 修改 · 1.1k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js

于 2023-05-29 15:13:52 首次发布

1.基于文件流导出

如果后台返回是这样的那母庸质疑是文件流

这时前端人员处理文件流并且下载成功

在导出的接口文件里写入：

// 导出
export function getInfo(orgId) {
  return request({
    url: '/jxict-project-sso/org/export?orgId=' + orgId, 
    method: 'post',
    responseType: 'blob',  // 重点，一定要responseType设置为 blob
  })
}

在对应的组件里写入（记得引入）：

    // 人员导出
    daochu() {
      var that = this
      getInfo(写入你要传的值如果没有就不传).then(res => {
        console.log('在这里', res)
        setTimeout(() => {
          that.download0(res, '人员列表导出表.xlsx')
        }, 300)
        that.getfirst = res
      })
    },
    download0(data, fileName) {
    // 创建 blob
      const blob = new Blob([data], { type: 'application/vnd.ms-excel' })
      console.log(data, 'who are you')
      //