axios下载zip

Posted 2021-09-26 ur home

目标：

 

实现：

import axios from 'axios';
import { getToken } from '@/utils/auth';

export const downloadZip = (url: string, params: any, fileName: string) => {
  axios({
    method: 'GET',
    url: `${process.env.VUE_APP_BASE_API}${url}`,
    headers: {
      Authorization: 'Bearer ' + getToken(),
      'Content-Type': 'application/x-www-form-urlencoded',
    },
    params: params,
    responseType: 'blob',
  }).then((res: any) => {
    const blob = new Blob([res.data], { type: 'application/zip' }); // new一个二进制对象
    const url = window.URL.createObjectURL(blob); // 转化为url
    const link = document.createElement('a'); // 创建个a标签
    link.href = url;
    link.download = fileName; // 重命名
    link.click();
    URL.revokeObjectURL(url); // 释放内存
  });
};

使用：

const documentsDownload = `rest/xxx/documentsDownload`;

private async handleDownload(file: string) {
   const param = { fileWebPaths: file };
   await downloadZip(documentsDownload, param, '附件');
}