vue结合axios实现的调用接口下载excel功能

https://www.npmjs.com/package/axios

此链接是关于axios请求体的数据格式设定详解

1.

export function downloadUrl(url,data){
	return request({
      	url: "sale/"+url, // 接口名字
      	method: 'get',
		  params:data,
		  responseType:"blob"//通过api应该知道这是什么吧
    })
}

2.调用接口成功后在response中操作

downloadUrl("url",data).then(response=>{
		      			const blob = new Blob([response.data], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8' })
				     	const downloadElement = document.createElement('a')
				     	const href = window.URL.createObjectURL(blob)
				     	downloadElement.href = href
				     	downloadElement.download = 'excel.xlsx'
				     	document.body.appendChild(downloadElement)
				     	downloadElement.click()
			     		document.body.removeChild(downloadElement) // 下载完成移除元素
				     	window.URL.revokeObjectURL(href) // 释放掉blob对象
		      		}).catch(err=>{
		      			console.log(err);
		      		})

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

3.别看了已经结束战斗了

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值