下载后端返回文件流的文件

1、文件流的处理

// 新建对象
const reader = new FileReader()
reader.readAsArrayBuffer(res) // res为后端返回的文件流
reader.onload = (e) => {
  const result = e.target.result
  const contentType = res.type
  const blob = new Blob([result], { type: contentType })
  const url = URL.createObjectURL(blob)
}

2、下载后端返回文件流的文件

接口方法.then(res => {
  const readers = new FileReader()
    readers.readAsArrayBuffer(res)
    readers.onload = (e) => {
      const result = e.target.result
      const contentType = res.type
      const blob = new Blob([result], { type: contentType })
      const url = URL.createObjectURL(blob)
      let link = document.createElement("a")
      link.href = url
      link.setAttribute('download','下载文件名字')
      link.style.display = 'none'
      document.getElementsByTagName('link')
      link.click()
    }
})

注：接口方法中要加： responseType: ‘blob’