前端导出、下载、浏览打印excel、rar、word等文件的简单理解使用

导出excel、rar、word文件等

接口
export const exportExcel = (data) => {
  return axios({
    url: `${baseUrl}/contract/PurchaseContractService/exportExcel`,
    method: 'post',
    responseType: 'blod',
    data
  });
};

  导出
  exportExcel(params).then((res) => {
  var blob = new Blob([res.data]); 
  或者
  var blob = new Blob([res.data], { type: res.headers['content-type'] });
  
    var href = URL.createObjectURL(blob);
    // 创建一个a元素
    var downloadElement = document.createElement('a');
    downloadElement.href = href;
    // 命名文件名称
    downloadElement.download = '待生成合同.xlsx';
    // 向文档插入a元素
    document.body.appendChild(downloadElement);
    // 模拟点击a元素标签的下载功能
    downloadElement.click();
    // 然后从文档中移除创建的a元素
    document.body.removeChild(downloadElement);
    URL.revokeObjectURL(href);
  });

下载excel、rar、word文件等

// 方式1
window.location.href =（接口）
window.location.href = (this.downloadExcelUrl + '?queryParams=' + encodeURIComponent(JSON.stringify(params)))
- this.downloadExcelUrl是接口路径

// 方式2
    const a = document.createElement('a');
    a.download = "测试"; // 下载后显示名称
    a.href = blobUrl; // 下载链接地址
    a.click();
    document.body.removeChild(a);

浏览打印文件

window.open（接口）
window.open(window.ELS.api + '/' + res.data.data.fileUrl)