Can I force an API call to just fail if took a long time with (pending) status?

Question

Here I'm creating a post request and I want to trigger the status of the request and force it to fail if it took a specific period of time with (pending) status, is that even possible?

    fetch('http://localhost:5000/api', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({
        message: this.state.input,
      })
    })

I'm looking for some way using axios also, not Fetch API only.

Possible duplicate of [Fetch API request timeout?](https://stackoverflow.com/questions/46946380/fetch-api-request-timeout) — Emile Bergeron, Dec 24 '18 at 17:40
Since you tagged the question with [tag:axios] as well: there's a `timeout` option. — Emile Bergeron, Dec 24 '18 at 17:42

score 1 · Answer 1 · answered Dec 24 '18 at 18:40

http protocol supports timeout, you can use following config in axios for setting timeout configuration of request

axios({
  method: "post",
  url: 'http://example.com/api',
  timeout: 1000 * 5, // Wait for 5 seconds
  headers: {
    "Content-Type": "application/json"
  },
  data: {
    id: 1234
  }
})
  .then(response => {
    const serverResponse = response.data;
  })
  .catch(error => {
//    catch block with be executed if response take more than 5 seconds
    console.log(error);
});

Can I force an API call to just fail if took a long time with (pending) status?

1 Answers1