最近遇到一个下载文件的需求，不是请求后端接口直接下载文件，而是后端返回blob格式的文件，前端自行下载文件

下面的具体的操作代码

1、修改request请求（请求是封装好的axios方法），增加响应参数 responseType: ‘blob’

exportApi: () => {
  return request({
    url: '/export',
    method: 'post',
    responseType: 'blob'
  });
}

2、下载excel方法，下面是简单封装的通用方法

function downloadFile(res: any, filename?: any) {
  const a = document.createElement('a');
  // 该实例化的方式第一个参数必须是数组的格式
  const blob = new Blob([res], {
    type: "application/vnd.ms-excel"
  });
  const url = window.URL.createObjectURL(blob);

  a.setAttribute('href', url);
  a.setAttribute("download", filename);
  document.body.appendChild(a);
  a.click();
  document.body.removeChild(a);
}