Todavía soy bastante nuevo en Promises y me gustaría alguna aclaración.
Para algún contexto, estoy tratando de obtener un archivo de una URL. El archivo se almacena usando IPFS y cuando hay un tiempo de espera, me gustaría intentar llamar a axios.get() nuevamente.
Mi problema actual es que parece que el archivo se está descargando, pero la función rara vez devuelve algo, parece que la descarga es muy lenta, sin embargo, si abro el enlace directamente, obtengo el archivo al instante, lo que me hace pensar que hay algo mal con mis promesas, aunque no se ejecutan then() ni catch() . Mi código actual es el siguiente:
const getIPFSMedia = (url) => {
return axios.get(url, { responseType: 'blob' }).then((response) => {
return URL.createObjectURL(response.data);
}).catch((e) => {
if (e.message === GET_IPFS_TIMED_OUT) {
return getIPFSMedia(url);
} else {
console.log(e.message);
}
});
}
const fetchData = async() => {
const image = await getIPFSMedia(url); // Slow or rarely returns, but when it does it has my file in it
console.log(image)
}
Hay un complemento para axios llamado axios-retry que puede usar:
import axiosRetry from 'axios-retry';
axiosRetry(axios, { retries: 1 });
axios.get(url); // It will retry one time if the request fail.
Además del complemento axios-retry, sería útil aumentar el tiempo de espera predeterminado de axios, en caso de que no sea suficiente para leer el archivo.
instance.get('/yourRequestedURL', {
timeout: 15000 //Try to give a little more than the timeout of the file
});