js处理接口返回的文件流

直接看代码吧，图一是封装的调接口的方法，设置了responseType: 'blob'，这个设置很重要，如果没设置的话可能会导致文件下载后无法正常打开。图二exportExcel方法的第一个参数为接口返回的文档流格式的数据，第二个参数是下载的文件的文件名

export function postExportData(params) {
  // 其中responseType的设置很重要
  return get('/orderManagement/exportData', params, { responseType: 'blob' })
    .then(res => res);
}

export function exportExcel(res, ecxelName) {
  const blob = new Blob([res]); // 接受文档流
  if ('msSaveOrOpenBlob' in navigator) {
    // IE下的导出
    window.navigator.msSaveOrOpenBlob(blob, ecxelName || '导出文件' + '.xlsx'); // 设置导出的文件名
  } else {
    // 非ie下的导出
    const a = document.createElement('a');
    const url = window.URL.createObjectURL(blob);
    const filename = ecxelName || '导出文件' + '.xlsx'; // 设置导出的文件名
    a.href = url;
    a.download = filename;
    document.body.appendChild(a);
    a.click();
    window.URL.revokeObjectURL(url);
    document.body.removeChild(a);
  }
}