Promise recursion with axios, retrying on catch

Question

I'm still quite new to Promises and would like some clarification.

For some context, I'm trying to get a file from an URL. The file is stored using IPFS and when there's a timeout I would like to try and call axios.get() again.

My current problem is, that it looks like the file is being downloaded but the function rarely returns anything, it looks like the download is super slow, however if I open the link directly I get the file instantly, making me think there's something wrong with my promises, even though no then() nor catch() is ran. My current code is as follows:

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)
}

@testing_22 yea for sure, however the axios.then() doesn't run even if I open a different tab and check the cached file — No Sarcasm, Sep 22 '22 at 22:46
@NoSarcasm No you shouldn't, you should re`throw` the error [if you can't handle it](https://stackoverflow.com/q/50896442/1048572) — Bergi, Sep 22 '22 at 23:22

score 0 · Answer 1 · answered Sep 22 '22 at 22:44

0

There is a plug-in for axios called axios-retry which you can use:

import axiosRetry from 'axios-retry';

axiosRetry(axios, { retries: 1 });

axios.get(url); // It will retry one time if the request fail.

answered Sep 22 '22 at 22:44

NeNaD

18,172
8
47
89

I'll give it a try, but would still like to know if my promises have some problem that I'm unable to see – No Sarcasm Sep 22 '22 at 23:01

score 0 · Answer 2 · answered Sep 22 '22 at 23:12

Additional to the axios-retry plugin, it would be helpful if you increase the axios default timeout, in case it is not enough to read the file.

instance.get('/yourRequestedURL', {
  timeout: 15000 //Try to give a little more than the timeout of the file
});

Promise recursion with axios, retrying on catch

2 Answers2