vue中使用post请求下载文件

fetch(url+(携带的参数), {
method: “POST”,
headers: {
‘Content-Type’:‘application/x-www-form-urlencoded’,
‘token’: token
},
body:‘携带的参数’
})
.then(res => res.blob())
.then(data => {
let blobUrl = window.URL.createObjectURL(new Blob([data]));
this.download(blobUrl);
});
},
download(blobUrl) {
const a = document.createElement(“a”);
a.style.display = “none”;
a.download = “人员信息.zip”;
a.href = blobUrl;
a.click();
},
下载的时候虽然是post请求但是尝试了半天给后台传需要的参数时格式一直不正确,最后仔细看了看接口发现虽然是post请求但是传的参数仍需要拼接在url后面。
fetch是一种HTTP数据请求的方式,是XMLHttpRequest的一种替代方案。fetch不是ajax的进一步封装,而是原生js。Fetch函数就是原生js,没有使用XMLHttpRequest对象。
第一个参数是URL,使用promises来处理结果/回调

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值