码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2020-07-20 15:17:39      阅读:104      评论:0      收藏:0      [点我收藏+]

标签:for   导出   headers   返回   style   bsp   pen   code   url   

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 下载后端返回的文件流

标签:for   导出   headers   返回   style   bsp   pen   code   url   

原文地址:https://www.cnblogs.com/hpx2020/p/13344303.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!