Что я пытаюсь сделать:

Я использую Вью и Аксиос, я пытаюсь показать прогресс в процентах в консоли.

Проблема в следующем:

Сам запрос занимает 4 секунды или, может быть, больше, потому что он получает много данных и сохраняет их в excel, а затем в Загрузить.

Что я пробовал:

Я нашел два метода в Аксиос: onDownloadProgress и onUploadProgress.

Функция onDownloadProgress работает нормально, но только когда начинается загрузка, а не когда серверная часть извлекает данные в файл Excel (что занимает большую часть времени).

Вот интерфейсный код:

axios.get(`${env.ENDPOINT}reports/products/credits_export`, {
    params: {
      category_id: form_data.category_id
    },
    responseType: 'blob',
    onDownloadProgress: (progressEvent) => {
      let percentCompleted = Math.round((progressEvent.loaded * 100) / progressEvent.total);
      console.info(progressEvent.lengthComputable);
      console.info(percentCompleted);
    }
  }).then((res) => {
    const url = window.URL.createObjectURL(new Blob([res.data]));
    const link = document.createElement('a');
    const file_name = `${new Date().toISOString().slice(0,10)}.xlsx`;
    link.href = url;
    link.setAttribute('download', file_name);
    document.body.appendChild(link);
    link.click();
    resolve(res.data);
  }).catch((e) => {
    reject(e);
  });

ЛЕТО:

Мой прогресс будет разделен на две части:

• Прогресс загрузки (будет использовать onDownloadProgress)
• Ход запроса (который готовит файл Excel к загрузке)