前端axios请求, 后端接口返回文件流，完成下载

Posted 2021-06-14 哈娄

1.需要声明 axios的 responseType: 'blob'格式 （设置相应数据的类型，设置后后台返回的数据会被强制转为blob类型）

axios.post(url, data, { responseType: 'blob' })

2.声明a标签, 完成下载功能函数。

得到接口的 文件流返回值res, 调用此函数 downloadFn(res) 完成下载

// flow为接口返回的文件流
const downloadFn = (flow = null) => {
  if (!flow) return
  const blob = new Blob([flow])
  const blobUrl = window.URL.createObjectURL(blob)

  const a = document.createElement('a')
  a.style.display = 'none'
  a.download = 'Participants.xlsx' // 自定义下载的文件名
  a.href = blobUrl
  a.click()
  document.body.removeChild(a)
}