Vue下载Excel后报错,或打不开

问题描述:

后端返回excel文件流后, 在Swagger 和 PostMan上进行下载测试均正常
下载及打开

但是在项目中下载打开却出现: WPS表格在试图打开文件时遇到错误.

如图:

问题呢, 是我们在发送请求时,没有声明返回的responseType
设置一下就好了.

上代码:

// 加上responseTape 
export function getSiteElectricDataExcel(data) {
  return request({
    url:apiURL.newDataSite,
    method: 'post',
    data,
    responseType: 'blob'
  })
}

接收后的下载逻辑:

download(){
     getSiteElectricDataExport(this.params).then(res=>{
        let url = window.URL.createObjectURL(new Blob([res]));
        let link = document.createElement("a");
        link.style.display = "none";
        link.href = url;
        // 生成时间戳
        let timestamp = name+"_" + new Date().getTime();
        link.download = "测试文档.xlsx";
        document.body.appendChild(link);
        link.click();
      })
    },

以上