vue中导出后端的zip文件。zip文件的数据是以流的形式传递。后端返回的类型为application/octet-stream

最新推荐文章于 2024-08-09 20:00:00 发布

沁染流年

最新推荐文章于 2024-08-09 20:00:00 发布

阅读量2k

点赞数

分类专栏：前端 vue axios

本文链接：https://blog.csdn.net/weixin_49210760/article/details/116979090

版权

前端同时被 3 个专栏收录

39 篇文章 0 订阅

订阅专栏

vue

5 篇文章 0 订阅

订阅专栏

axios

5 篇文章 0 订阅

订阅专栏

后端返回的类型为
application/octet-stream

首先前端设置
axios里面要设置一个responseType为blob
在这里插入图片描述


```javascript
/*
导出excel和json的工具函数
*/
import dayjs from 'dayjs'
const downloadFiles = (data) => {
  // data为流数据
  let blob = new Blob([data], { type: 'application/zip' })
  let url = window.URL.createObjectURL(blob)
  const link = document.createElement('a') // 创建a标签
  link.href = url
  // eslint-disable-next-line no-debugger
  debugger
  link.download = dayjs().format('YYYY-MM-DD HH-mm-ss') // 重命名文件
  link.click()
  URL.revokeObjectURL(url) // 释放内存
}

export default downloadFiles