基于 axios.post 的文件下载

基于axios.post 的文件下载

• 定义接口：

import axios from '@/plugins/axios';

export const downloadService = {
  async getExcelTemp(id: string) {
    const res = await axios.post(`/app-factory/v1.0/export/formdata/template/${id}`, undefined, { responseType: 'blob' });
    return res.data;
  },
}

• 调用请求：

import { downloadService } from 'xxx/services';

private async downloadTemp() {
    const res = await downloadService.getExcelTemp(this.processId);
    
   	// 自定义下载后用于显示的文件名
    const fileName = 'xxx.xlsx';
    
    // 开始下载 ------ 生成文件
    this.generateFile(res, fileName);
}

• 生成下载文件：

private generateFile(file: File, name?: string) {
  const fileLink = document.createElement('a');

  fileLink.href = window.URL.createObjectURL(file);
  fileLink.download = name ?? '文件xxx.xlsx';

  document.body.appendChild(fileLink);
  fileLink.click();
  document.body.removeChild(fileLink);
}