当我们拿到后端的导出数据接口,直接调用不经过处理会传回一个二进制对象。
需要使用npm下载一个插件file-saver,里面有个saveAs方法可以将二进制文件转成想要的类型
saveAs(
// 先转成blob对象
new Blob([s2ab(wbout)], {
type: "application/octet-stream"
}),
// 设置导出文件名称
`${filename}.${bookType}`
);
应用
导出文件接口,需要给这个接口单独添加请求头和响应的类型
// 导出表格接口
export const exportApi=(params,configs)=>
instance.post('/prod/api/customer/export',params,config)
调用接口
async exportExl(){
let res=await exportApi({
pageNum:1,
pageSize:10
},{
headers:{'Content-Type':'application/x-www-form-urlencoded'},
responseType:'blob'
});
saveAs(
new Blob([res]),
`客户档案_${new Date().getTime()}.xlsx`
);
}
2636






