vue+axios 下载后端返回的文件流

Posted 惠鹏曦

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue+axios 下载后端返回的文件流相关的知识,希望对你有一定的参考价值。

axios({
      method: ‘get‘,
      url: url,
      params: payload,
      responseType: ‘blob‘,    // 必须加上
      headers: {
        ‘Content-Type‘: ‘multipart/x-www-form-urlencoded‘
      }
 })

 

axios(url).then((res)=>{
          let blob = new Blob([res.data])
          let downloadElement = document.createElement(‘a‘)
          let href = window.URL.createObjectURL(blob)
          downloadElement.href = href
          downloadElement.download = ‘数据导出.xls‘
          document.body.appendChild(downloadElement)
          downloadElement.click()
          document.body.removeChild(downloadElement)
          window.URL.revokeObjectURL(href)
})

 

以上是关于vue+axios 下载后端返回的文件流的主要内容,如果未能解决你的问题,请参考以下文章

vue中使用axios处理post方法导出excel表格(后端返回文件流)

vue项目-pdf预览和下载,后台返回文件流形式

JavaScript下载后端返回的文件流

vue+axios实现文件下载

JavaScript下载后端返回的文件流

vue element之axios下载文件(后端Python)