vue管理后台带token Excel导出

关注

原创最新推荐文章于 2026-10-28 10:59:17 发布 2k 阅读 AI 写同款· GEO 优化 ›

InSAR数据获取实战指南：Sentinel-1、精密轨道与ALOS PALSAR DEM的下载与应用本文详细介绍了InSAR数据获取的实战指南，重点解析Sentinel-1数据、精密轨道数据（OPOD）和ALOS PALSAR DEM的下载与应用技巧。通过实际案例和代码示例，帮助读者掌握数据筛选、下载加速、校验及多源数据协同使用的关键方法，提升地面形变监测的精度与效率。阅读详情

之前做的导出都是不校验token的 a链接调用后台接口地址后边以get的方式携带参数就可以了；
今天做vue管理后台带token导出
vue后台管理系统 token封装在请求头里会在请求头里给后端发送
调用导出接口时需要加参数：responseType: ‘blob’（非常重要）
export const ExpotListStatisDetail = param => fetch({
url: ‘’, //你的请求地址
method: ‘post’,
data: param,
responseType: ‘blob’
})
调用接口后的页面返回处理：
// data是导出时携带的参数
interface(data).then(res => {
let a = document.createElement(‘a’);
// res返回结果
let blob = new Blob([res],{
type: ‘application/vnd.ms-excel;charset=utf-8’ // 这里放文件类型，后台返回的response会有这个文件类型，放进来就行
});
a.href = URL.createObjectURL(blob);
a.download = ’ 文件名 ’ // 指定的文件名
document.body.appendChild(a);
a.click()
}).catch(err => {
console.log(err);
});
以下附上参考链接：
https://www.jianshu.com/p/cb6925298a7c
https://blog.youkuaiyun.com/liujun03/article/details/84378942