iview+springboot导出excel

    前段时间需要提供导出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格式。

你可能感兴趣的:(iview+springboot导出excel)