前端axios调接口实现下载文件的解决方案

有任何问题都可以留言咨询。

背景

项目中有个下载接口，下载的是zip压缩包文件。

但后端返回的是二进制流数据，而不是直接下载一个zip文件。

前端用的是axios来发请求。

解决方案

其实这个二进制流数据格式是比较常见的，对应的content-type是application/octet-stream。

如下截图所示：

image.png

接口响应的content-type是application/octet-stream，并且content-disposition是attachment; filename=sslfile.zip。

那此时前端可以怎么处理呢？

详情：
https://mp.weixin.qq.com/s?__biz=Mzg5Mjc2NDYwMg==&mid=2247484348&idx=1&sn=c00ad00ff406ad3a3a2601a79dbc4ea2&chksm=c0386b69f74fe27f29edf92bf7c59dc663a40b2e8d25e7178ddbfa25e27f7856ee0b29465a53&token=1965256984&lang=zh_CN#rd

有任何问题可咨询：
https://public-1253796280.cos.ap-nanjing.myqcloud.com/%E5%89%8D%E7%AB%AF%E6%8A%80%E6%9C%AF%E4%BA%A4%E6%B5%81%E7%BE%A4.png