导出接口类型处理

接口请求的时候加上响应类型

request.responseType = 'blob'

接收数据处理

fileDownload (content, name = new Date().valueOf() + '登录日志', suffix = 'xlsx') {
      // 添加字节序标识，避免乱码
      const blob = new Blob([content], { type: 'application/octet-stream' })
      const downloadElement = document.createElement('a')
      // 创建下载链接
      const href = window.URL.createObjectURL(blob)
      downloadElement.href = href
      // 下载文件名
      downloadElement.download = `${name}.${suffix}`
      document.body.appendChild(downloadElement)
      downloadElement.click()
      // 移除元素
      document.body.removeChild(downloadElement)
        // 释放blob对象
      window.URL.revokeObjectURL(href)
    },

下载文件

/**
 * @description: 导出文件
 * @param blob 文件|blob类型
 * @param downloadName 导出的文件名称
 * @param type 文件扩展名|默认excle
 * @param defDate 文件名后面是否要加上日期|默认添加
 */
export const downloadFile = (blob: Blob, downloadName: string, type: string = 'xls', defDate: boolean = true) => {
    let blobData: Blob = blob
    if (type === 'zip') {
        blobData = new Blob([blob], {
            type: 'application/zip',
        });
    }
    const url = window.URL.createObjectURL(blobData);
    const link = document.createElement('a');
    link.style.display = 'none';
    link.href = url;
    const name = downloadName + (defDate ? `_${formatTime(new Date(), 'yyyyMMddHHmmss')}` : '');
    link.download = `${name}.${type}`;
    document.body.appendChild(link);
    link.click();
    document.body.removeChild(link);
}