Como descargar ficheros con axios o fetch

En este post aprenderemos a descargar ficheros con un cliente HTTP como lo es axios

onDownloadProgress: Método para obtener información de la descarga

Blob : Los blobs son objetos inmutables que representan datos sin procesar. El archivo es una derivación de Blob que representa datos del sistema de archivos

const url = `https://d8d913s460fub.cloudfront.net/videoserver/cat-test-video-320x240.mp4`;
axios({
  url: url,
  method: "GET",
  responseType: "blob", // importante
  onDownloadProgress: (progressEvent) => {
     var percentCompleted = Math.round((progressEvent.loaded * 100) /  progressEvent.total);
     console.log(percentCompleted)
  },
}).then((response) => {
   const url = window.URL.createObjectURL(new  Blob([response.data]));
   const link = document.createElement("a");
   link.href = url;
   link.setAttribute("download", "pixabay.mp4");
   document.body.appendChild(link);
   link.click();
});