vue 文件下载（导出）excel的方法

目前有一个随处功能的需求，这是我用过DeepSeek生成的导出（下载）excel的一个方法。
1.excel的文件名是后端生成的，放在了响应头那边。
2.这里也可以自己订定文件名。
3.axios用的是原生的axios，不要用处理过的，有拦截等等。

1.     downloadFile(record) {
2.       let that = this
3.       let apiBaseUrl = window._CONFIG['domianURL'] || "/jeecg-boot";
4.       return new Promise((resolve, reject) => {
5.         axios({
6.           url: apiBaseUrl + `/ABC/ABC?id=${record.id}&date=${record.monthTime}`,
7.           method: "GET",
8.           responseType: "blob", // important
9.           withCredentials: true,
10.           headers: {
11.             "X-Access-Token": Vue.ls.get(ACCESS_TOKEN),
12.           },
13.         }).then((response) => {
14.             // 处理blob响应
15.             const blob = new Blob([response.data]);
16.             const contentDisposition = response.headers["content-disposition"];
18.             // 错误处理：当响应是JSON时说明出错
19.             if (blob.type === "application/json") {
20.               const reader = new FileReader();
21.               reader.onload = () => {
22.                 try {
23.                   const errData = JSON.parse(reader.result);
24.                   reject(errData.message || "导出失败");
25.                   that.$message.error(errData.message || "导出失败");
26.                 } catch (e) {
27.                   reject("导出失败");
28.                   that.$message.error("导出失败");
29.                 }
30.               };
31.               reader.readAsText(blob);
32.               return;
33.             }
35.             // 创建下载链接
36.             const downloadUrl = window.URL.createObjectURL(blob);
37.             const link = document.createElement("a");
38.             link.href = downloadUrl;
39.             let fileName = "";
40.             if (contentDisposition) {
41.               const fileNameRegex = /filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/;
42.               const matches = fileNameRegex.exec(contentDisposition);
43.               if (matches && matches[1]) {
44.                 fileName = matches[1].replace(/['"]/g, "");
46.                 fileName = decodeURIComponent(fileName);
47.                 // 我这里文件名的前缀有 utf-8 所以在这里做了一个处理，如果没有，则可以注释这里
48.                 fileName = fileName.replace(/^utf-8['"]?/, "");
49.               }
50.             }
51.             link.download = fileName || `export_${new Date().getTime()}.xlsx`;
53.             // 触发下载
54.             document.body.appendChild(link);
55.             link.click();
57.             // 清理资源
58.             window.URL.revokeObjectURL(downloadUrl);
59.             document.body.removeChild(link);
60.             resolve();
61.           })
62.           .catch((error) => {
63.             reject(error);
64.             that.$message.error("下载失败，请检查网络连接");
65.           });
66.       });
67.     },

复制代码

实在这个通用的方法，基本可以实现所需的要求。

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。