vue项目导出excel ,文件过大导致请求超时的处理方法_vue下载大文件网络超时

一、因为文件过大，请求时间较长，就会产生请求超时的情况，处理方式是可以分为三个接口，接口1用来获取id值，接口2利用id值发起请求，询问是否准备好下载，如果没准备好，则没隔一秒再次发起请求询问是否准备好，直到准备好为止，清除定时器，使用接口3发起下载

function pollingFunctions(params) {
    let queryTimer;
    if (queryTimer) {
      clearInterval(queryTimer);
    }
    // 接口1-获取唯一标识code
    exportGetId(params).then((res) => {
      if (res.uuid) {
        // 接口2-查询是否完成
        queryTimer = setInterval(function () {
          exportAsk({ uuid: res.uuid }).then((result) => {
            if (result) {
              // 成功
              if (result.current == result.total) {
                clearInterval(queryTimer);
                function peCallback(pe) {
                  // 下载回调
                  defaultPercent.value = Math.round((pe.event.loaded / pe.event.total) * 100);
                  if (pe.event.loaded === pe.event.total) {
                    showProgress.value = false;
                    message.success({ content: '下载完成', key, duration: 3 });
                  }
                }
                try {
                  exportDownload({ uuid: res.uuid }, peCallback).then((res) => {
                    // 接口3
                    const fileName = '电子台账记录.xlsx';
                    let bold = new Blob([res.data]);
                    const newUrl = window.URL.createObjectURL(bold);
                    const link = document.createElement('a');
                    link.href = newUrl;
                    link.setAttribute('download', fileName);
                    document.body.appendChild(link);
                    link.click();
                    link.parentNode?.removeChild(link);
                  });
                } catch (error) {
                  message.warn('下载失败，请重试');
                }
              }
            } else {
              // 失败
              clearInterval(queryTimer);
              message.warn('下载失败，请重试');
            }
          });
        }, 1000);
      }
    });
  }

// 导出1-获取查询id
export const exportGetId = (params?: Object) =>
  defHttp.get({ url: '', params });
// 导出2-利用查询id发起请求，询问是否可以下载，不可以就等一秒在发起请求询问是否准备好
export const exportAsk = (params?: Object) =>
  defHttp.get({ url: '', params });
// 导出3-准备好之后再发起下载请求
export const exportDownload = (params?: Object, peCallback?: Function) => {
  return new Promise((resolve, reject) => {
    axios({
      method: 'get',
      url: 'd',
      headers: {},
      responseType: 'blob',
      params,
      onDownloadProgress: (pe) => {
        peCallback ? peCallback(pe) : '';
      },
    })
      .then((res) => {
        resolve(res);
      })
      .catch((err) => {
        console.warn(err);
      });
  });
};