前端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

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 线上环境通过fiddler代理实现本地联调
    有任何问题都可以留言咨询。 背景 有一个ecx线上环境，前端本地是不能直接访问后端接口服务的。 也就是本地开发不能...
    simonbaker阅读 572评论 0赞 0
  • HP7_UK_1
    504b 0304 1400 0008 0800 4498 963d a6fa9ff3 9f41 1e00 a88...
    BossOx阅读 11,515评论 0赞 0
  • HP1_UK
    504b 0304 1400 0008 0800 fa8c 963d 50740baa dffc 0e00 6cd...
    BossOx阅读 3,572评论 0赞 0
  • nginx proxy_pass反向代理
    有任何问题都可以留言咨询。 前提 nginx一般是用来起个web服务器，存放前端静态资源。从而实现前端的轻量部署。...
    simonbaker阅读 264评论 0赞 0
  • HP6_UK_2
    6270 a1da b5e7 b8aa 4d60 60c6 dea2 9fcc66b3 1acd 0596 77b...
    BossOx阅读 9,635评论 0赞 0