Vue结合后台导入导出Excel问题详解
2024-09-01 22:52:27
话不多说,直接上前端代码
axios({
method: 'post',
url: 'http://localhost:19090/exportUser',//这个是请求的地址
params: {//这个是请求的参数
email: this.email,
startRegisterDate: this.registerStartTime,
endRegisterDate: this.registerEndTime
},
responseType: 'blob'
}).then((res) => {
console.log(res)
const link = document.createElement('a')
let blob = new Blob([res.data],{type: 'application/vnd.ms-excel'});
link.style.display = 'none'
link.href = URL.createObjectURL(blob);
let num = ''
for(let i=;i < ;i++){
num += Math.ceil(Math.random() * )
}
link.setAttribute('download', '用户_' + num + '.xls')
document.body.appendChild(link)
link.click()
document.body.removeChild(link)
}).catch(error => { console.log(error)
})
仔细看axios请求加了个responseType: 'blob'
配置,这是很重要的
我的项目因为请求头里面需要加sessionId,所以需要用上面方法
如果是get请求,请求头不需要额外加参数,直接 window.location.href='http://localhost:19090/exportUser?email='+email+"&start="+start ,打开一个地址即可
后续ie兼容修改请参考 https://www.cnblogs.com/ttjm/p/11661133.html
最新文章
- python基础05 if选择
- C# 禁止修改已装箱了的值类型的字段值,但是可以通过接口的方式实现
- 【LeetCode OJ】Validate Binary Search Tree
- [HDOJ3711]Binary Number(枚举)
- 第一个Sprint冲刺第八天
- Asp.Net 之 母版页中对控件ID的处理
- Less 导入命令 @import
- IE 创建条件样式
- Python3基础 函数名.__doc__显示一个函数的单行与多行函数文档
- samba 搭建
- table-layout引起的探索——fixed和auto的区别
- Nginx websocket反向代理
- mac搭配Nginx服务器常见问题
- 设置myeclipse文件的打开格式
- 分治FFT
- [HNOI2006]最短母串问题 --- AC自动机 + 隐式图搜索
- redis 简单命令操作
- UVA-1619 Feel Good (单调队列)
- CSS 文本垂直居中对齐
- javascript 视频播放指定的时间段