vue项目中,通过axios请求下载文件
在vue项目中,实现文件下载效果,后端返回文件流,前端通过axios发起请求实现下载文件效果。// 文件下载代码片段import $axios from 'axios'export default{methods:{exportCoup(){$axios({method: 'post',url: '/activity/getCoupons',//后端提供...
·
在vue项目中,实现文件下载效果,后端返回文件流,前端通过axios发起请求实现下载文件效果。
// 文件下载代码片段
import $axios from 'axios'
export default{
methods:{
exportCoup(){
$axios({
method: 'post',
url: '/activity/getCoupons',//后端提供的接口
data:this.$qs.stringify(prames),//请求时需要的参数
responseType: 'blob',//设置响应数据类型
})
.then((data) => {
if (!data) {
return
}
let url = window.URL.createObjectURL(data)
//创建一个a标签
let link = document.createElement('a');
link.style.display = 'none'
link.href = url
link.setAttribute('download', name+ '.xls')//自定义下载的文件的名称
document.body.appendChild(link);//添加a标签
link.click()
document.body.removeChild(link);//移除a标签
})
}
}
}
更多推荐
已为社区贡献1条内容
所有评论(0)