235  
查询码:00000578
实现下载功能的两种方法
作者: 徐文斌 于 2019年12月26日 发布在分类 / 人防组 / 人防前端 下,并于 2019年12月26日 编辑
下载功能

方法一

请求后台接口拿到对应的url,访问url地址下载


方法二

请求后台接口拿到对应的文件内容,js创建文件并下载

代码块

axios({
method: “get”,
url:
“http://192.168.199.203:8022/api/services/Admin/ApplicationResignSign/GetSign“,
headers: { access_token: this.$store.state.user.token },
params: {
Appid: this.formValidate.Appid,
Appkey: this.formValidate.Appkey,
type: this.formValidate.type,
tenantId: this.$store.state.user.tenantId,
isGateWay: this.formValidate.isGateWay,
gateWay: this.formValidate.gateWay
},
responseType: “blob”
})
.then(res => {
const blob = new Blob([res.data], { type: “application/zip” });
const url = window.URL || window.webkitURL || window.moxURL;
let a = document.createElement(“a”);
a.download = “证书”;
a.href = url.createObjectURL(blob);
a.click();
a.remove();
})
.catch(error => {
this.$Message.error(“请求错误,请重试”);
});

参数意义

参数 功能描述
method 请求方式
url 请求地址
headers 请求头
params 请求参数
responseType 响应数据类型

注意

需要注释mock,否则下载下来的压缩包会出现无法解压的情况




 最新评论
当前评论数1  查看更多评论


 推荐知识

 历史版本

修改日期 修改人 备注
2019-12-26 15:28:21[当前版本] 徐文斌 下载功能

  目录
    知识分享平台 -V 4.8.7 -wcp