请求接口 数据是二进制流 前端处理数据并且下载

// 请求接口部分（做了axios的封装）
export function exportExcel(data) {
   return request({
      url:'xxxx',
      method:'get',
      responseType: 'blob', // 最主要是加上这个返回值的接收类型
   })
}

// 点击导出按钮时的逻辑
handleExport() {

            let param = {};

            // 请求

            export_rule_error(param).then((res) => {

              that.dialog.loading = false;

              // console.log(res);

              // 第一种   二进制流数据生成链接，然后跳转

              // let blob = new Blob([res], {

              //   type: "application/vnd.ms-excel",

              // });

              // let url = window.URL.createObjectURL(blob);

              // let a = document.createElement("a");

              // a.href = url;

              // a.download = "导出文件的名称.xlsx";

              // a.click();

              // window.URL.revokeObjectURL(url);

 

              //

              //

              //第二种   直接拼接链接，然后跳转

              let url =

                process.env.VUE_APP_API_URL +

                "/hqms/reported_data/export_rule_error";

              let a = document.createElement("a");

              a.href = url;

              a.click();

              window.URL.revokeObjectURL(url);

            });

}