前端文档流下载文件

原创于 2022-07-29 09:40:34 发布 · 330 阅读

CC 4.0 BY-SA版权

文章标签：

本文详细介绍了如何在Vue项目中，利用Axios从后端获取blob文件流并进行下载。关键步骤包括设置Axios的responseType为'blob'，以及使用window.URL.createObjectURL将blob转换为下载链接，实现前端文件下载功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

后端返回blob文件流，前端下载文件的整个过程，偏向于前端这边（vue+axios）_@codeDo的博客-CSDN博客_后端返回blob文件流

接口：

export function ExportWord (parameter) {
  return axios({
    url: api.exportWord,
    method: 'post',
    responseType:'blob',//重要，重要，重要
    data: parameter
  })
}

对返回值的函数处理：

    ExportWord({
      "startTime":"",
      "endTime":""
    }).then(res => {
      console.log(res,window.URL.createObjectURL(res))//blob对象，将blob转换为下载链接
      this.url= window.URL.createObjectURL(res)
    })
//window.URL.createObjectURL(res) //重要 重要 重要