vue接收后台传的流导出excel

download().then(res => {
  if (typeof window.chrome !== 'undefined') {    // 浏览器兼容
  // Chrome version
  const blob = new Blob([res], { type: 'application/vnd.ms-excel' })
  const urls = window.URL.createObjectURL(blob)
  const a = document.createElement('a') // 生成虚拟a标签
  a.href = urls
  a.download = '文件名' + '.xlsx'
  a.click()
  document.body.removeChild(a) // 下载完成移除元素
  window.URL.revokeObjectURL(urls) // 释放掉blob对象
} else if (typeof window.navigator.msSaveBlob !== 'undefined') {
  // IE version
  const blob = new Blob([res], { type: 'application/force-download' })
  window.navigator.msSaveBlob(blob, this.downFileName)
} else {
    // Firefox version
    const file = new File([res], this.downFileName, {type: 'application/force-download'})
    window.open(URL.createObjectURL(file))
  }
  }).catch(err => {
    console.log('err: ', err)
  })

export function download() {
    return fetch({
        url: '/api/noauth/device/download',
        method: 'get',
        responseType: 'blob'
    })
}

需要加responseType: 'blob'，否则文件会损坏

注意，excel流文件一定要在请求的时候加上响应类型字段，也就是：responseType: 'blob'或者，responseType: 'arraybuffer' ，否则下载出来的excel文件就会损坏，就会打不开。损坏文件

Tags：

转载：感谢您对YU到边个人博客网站平台的认可，以及对我们原创作品以及文章的青睐，非常欢迎各位朋友分享到个人站长或者朋友圈，但转载请说明文章出处“来源YU到边个人博客”。/web/webgo/2021-10-12/69.html

很赞哦！ ()