前端下载接口返回的文件

26 阅读1分钟

步骤:

  1. 在axios请求中,配置接口返回数据类型:responseType: 'blob', blob是文件的二进制类型。

  2. 将接口返回的数据,转化成 blob 类型。 let blob = new Blob([res.data])

  3. 创建 blob 文件对象的 url, let url = URL.createObjectURL(blob)

  4. 后面的就是 创建 a 标签,设置 href属性、donwload属性,追加到 body 上面,自动点击,最后下载完后,移除 URL对象。

image.png

image.png