vue结合后台写导出excel文件

最新推荐文章于 2024-09-15 19:18:08 发布

Lan_Lan99

最新推荐文章于 2024-09-15 19:18:08 发布

阅读量3k

点赞数 2

分类专栏： vue

本文链接：https://blog.csdn.net/weixin_37817251/article/details/93631617

版权

在Vue中与后台配合实现导出Excel文件时，遇到请求返回乱码的问题。解决方法是通过Blob进行数据转换。首先，用Blob处理返回的乱码数据，然后在创建blob时指定正确的文件类型，例如'microsoft/excel'，从而实现正确下载Excel文件。

摘要由CSDN通过智能技术生成

使用vue跟后台合作写导出excel文件时，当只发请求时，会出现返回的是一大串的乱码，如下图所示：

其实这个时候后台的代码是正常的，可以使用postMen测试，可以正常导出文件，这时候需要使用blob进行转换，代码如下：

// "expFile"是路径
axios.post("expFile",{param:'11'},{responseType:'blob'})
        .then((response) => {
					let blob = new Blob([response.data]);
          if (window.navigator.msSaveOrOpenBlob) {
							// 如果需要改名字，前台可以自动生成
              navigator.msSaveBlob(blob,"下载的文件");
          } else {
              let link = document.createElement("a");
              let evt = document.createEvent("HTMLEvents");
              evt.initEvent("click", false, false);
              link.href = URL.createObjectURL(blob); 
              link.download = "下载的文件