首页 > 其他分享 >前端axios调接口实现下载文件的解决方案

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

时间:2022-10-28 09:46:39浏览次数:98  
标签:axios zip 解决方案 前端 接口 content 下载

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

背景

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

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

前端用的是axios来发请求。

 

解决方案

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

如下截图所示:

 

 

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

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

 

详情 请查看原文。 毛毛虫的小小蜡笔

有问题可群咨询:

 

 

标签:axios,zip,解决方案,前端,接口,content,下载
From: https://www.cnblogs.com/simonbaker/p/16834771.html

相关文章

  • Vue - axios
    Axios 发送GET请求 axios({//请求方式method:"GET",//请求地址url:"http://www.liulongbin.top:3006/api/g......
  • pc端项目-调接口时切换正式环境和测试环境
    1,在实际开发中和后端调接口的时候会碰到用测试环境还是正式环境,这个是要自己配置的,一般项目根目录里面都有两个文件,一个是.env.development,另一个是.env.production#开......
  • 灾变来袭不用怕,华为云数据灾备解决方案为你排忧解难
    网技术的不断发展和信息时代的不断进步,现在大多数的企业发展都离不开数据信息。甚至可以说,一个企业最重要的已经不是那些固定资产了,而是企业相关的重要核心技术信息和重要客......
  • 灾变来袭不用怕,华为云数据灾备解决方案为你排忧解难
    网技术的不断发展和信息时代的不断进步,现在大多数的企业发展都离不开数据信息。甚至可以说,一个企业最重要的已经不是那些固定资产了,而是企业相关的重要核心技术信息和重要......
  • 八大技术亮点,华为云数据灾备解决方案为企业数据铸就安全防护强
    数据时代下,数据激增在某种程度上激发了数据保护、数据恢复等市场的需求,同时为保障业务数据不断产出,企业对业务连续性高可用需求得到进一步增强。随着云计算产业的快速发展......
  • 《上海悠悠接口自动化平台》-3.流程性用例,有关联的接口如何写?
    前言如何在平台上维护流程类的用例,接口之间有参数关联如何传参。实现目标实现一个流程类的用例,登录-添加商品-删除商品接口1:用户登录POST/api/v1/loginContent-Type......
  • 通用接口响应
    方式一importcn.hutool.core.util.ObjectUtil;importcn.hutool.http.HttpStatus;importjava.util.HashMap;/***操作消息提醒*/publicclassAjaxResultext......
  • Postman循环调用接口
    1.创建Collections 2.创建接口 参数用{{}}包裹~Tests断言代码放下面~ tests["调用接口成功"] = responseCode.code === 200;3.保存导入json文件(json、csv格式......
  • 教你2种常用的电商高并发处理解决方案
    网站架构师面临的最大挑战之一就是并发。自Web服务开始以来,并发水平一直在不断增长,一个主流网站同时服务十万甚至数百万用户,这并不罕见。就目前应用广泛的电商系统来说,各种......
  • Java 中那些绕不开的内置接口 -- Serializable
    上一部分我们着重讲了Java集合框架中在开发项目时经常会被用到的数据容器,在讲解、演示使用实践的同时,把这个过程中遇到的各种相关知识点:泛型、​​Lambada​​​、​​Str......