iview+springboot导出excel

最新推荐文章于 2022-11-26 17:31:09 发布

lost_wh

最新推荐文章于 2022-11-26 17:31:09 发布

阅读量575

点赞数

本文链接：https://blog.csdn.net/lost_wh/article/details/92807152

版权

    前段时间需要提供导出excel功能，采用的方法是后台使用poi处理好后写入response
返回给前台下载，前台请求时设置responseType: 'blob'，代码很快写完了，但是前台下载的
excel总是报格式不对/文件损坏，然后就是各种设置ContentType、编码、前台下载方式等等，
折腾了好久，最后同事发现一个评论说是使用mock会使服务器返回的blob类型变乱码，咦！我们项
目现在开发阶段确实用的mock，然后去除mock，下载，卧槽，可以了！以下是前后台主要部分：

前台：

/**
   * 导出excel
   * @param {*} params
   */
  weighbridgeExport (params) {
    return axios.request({
      url: 'vue/weighbridge/export',
      method: 'get',
      params,
      responseType: 'blob'
    })
  }

请求的方法里加上responseType: ‘blob’，然后使用js-file-download下载

weighbridge.weighbridgeExport(param).then(res => {
        Spin.hide()
        if (res.status === 200) {
          const fileDownload = require('js-file-download')
          fileDownload(res.data, `XXX报表-${moment().format('YYYYMMDDHHmmss')}.xls`)
        } else {
          this.$Message.error('报表导出失败')
        }
      }).catch(err => {
        Spin.hide()
      })

后台：

response.setContentType("application/vnd.ms-excel;charset=utf-8");
response.addHeader("Content-Disposition", "attachment;filename=" + fileName+".xls");

这里要注意一点是如果使用HSSFWorkbook，对应的是.xls格式。