关于axios流文件下载后文件损坏问题

Question

问题遇到的现象和发生背景

下载表格后文件损坏打不开

问题相关代码，请勿粘贴截图

this.$_axios({
        method: "POST",
        url:'/api/distribution/currentSituationMap/export/deviceData',
        responseType: "blob",
        data:fromdate,
        headers: {
          "Content-Type": "application/json;charset=UTF-8",
        },
      }).then((res) => {
          const blob = new Blob([res], { type: 'application/xlsx' });
        const aElement = document.createElement('a');
        const blobUrl = window.URL.createObjectURL(blob);
        const filename = `${222}.xlsx`;
        aElement.href = blobUrl;
        aElement.download = filename;
        aElement.click();
        window.URL.revokeObjectURL(blobUrl);
      })

运行结果及报错内容

这是后端返回内容

我的解答思路和尝试过的方法

我想要达到的结果

Answer 1

文件没有损坏，只是你打开的方式可能不对，参考一下

前端：下载文件实现方式及跨域下载（详解）_米斯特曹-CSDN博客_跨域下载文件 前言：本文详细介绍在开发过程中前端如何与后端配合实现文件下载至本地，并详细说明特殊格式文件如何处理。如果你是一名前端开发者，恰好需要实现后端文件下载至本地的需求，那么恭喜你本篇文章一定会帮到你！需求：实现二进制下载、URL下载、跨域下载后端：Spring前端：Vue要点：后端返回文件流还是URL下载地址？一、解析：二进制式下载流程：后端返回二进制文件流的情况下，我们前端需要... https://blog.csdn.net/qq_43471802/article/details/103436595