[JavaScript知识库]vue的axios导出后端excel文件流处理

vue的axios导出后端excel文件流处理

1、ApiFox测试（Postman）

发送并下载可以成功下载文件

2、Java后端代码编写

本场景使用 hutool 工具类的excel流输出

具体完整代码去hutool官网

3、vue的axios发起请求

本场景使用的是 人人开源框架

	  // 下载excel表格
      getDataExcel () {
        this.$http({
          url: this.$http.adornUrl('/get/excel'),
          method: 'get',
          // 告诉服务器我们需要的响应格式
          responseType: 'blob',
          params: this.$http.adornParams({
            'page': this.pageIndex,
            'limit': this.pageSize
          })
        }).then(res => {
          let url = window.URL.createObjectURL(new Blob([res.data], {type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8'}))
          let link = document.createElement('a')
          link.style.display = 'none'
          link.href = url
          let excelName = '测试.xlsx'
          link.setAttribute('download', excelName)
          document.body.appendChild(link)
          link.click()
          link.remove()
        }).catch((e) => {
          console.log(e)
        })
      }