Attempt the axios request again if the response is null or missing

Question

Attempt the axios request again if the response is null or missing

  await axios
    .post(
      executeBatch,
      {
        headers: {
          "Content-Type": "application/json",
          "x-access-token": localStorage.getItem("token"),
        },
      }
    )
    .then(
      (response) =>
        this.$store.commit(
          "insertOutputFile",
          response.data.outputFile._id
        ),
    );

  alert("You can download the result");

I have encountered situations where I receive an empty response with a status code of 200. My solution to this potential issue is to consider retrying the request if it happens. I am now seeking advice on the best approach to handle this scenario.

javascript vue.js axios response

Answer 1

Answer №1

If you're looking for a solution, axios interceptors might be the way to go.

axios.interceptors.response.use((response) => {
    return response
  },
  async function(error) {
    const originalRequest = error.config;

    if () { // add your condition here

      originalRequest._retry = true;
    }
  }
)

You can set up a 'setupAxios' file in your main redux directory and export it from the index.js file within that directory.

export {default as setupAxios} from "./setupAxios";

Then, include the setupAxios functionality in your root index.js file like this:

import * as _redux from "./redux";

_redux.setupAxios(axios, store);

Just a note, I'm using react.js so the implementation may vary slightly in vue.js.

Answer 2

If you're looking for a solution, axios interceptors might be the way to go.

axios.interceptors.response.use((response) => {
    return response
  },
  async function(error) {
    const originalRequest = error.config;

    if () { // add your condition here

      originalRequest._retry = true;
    }
  }
)

You can set up a 'setupAxios' file in your main redux directory and export it from the index.js file within that directory.

export {default as setupAxios} from "./setupAxios";

Then, include the setupAxios functionality in your root index.js file like this:

import * as _redux from "./redux";

_redux.setupAxios(axios, store);

Just a note, I'm using react.js so the implementation may vary slightly in vue.js.

Attempt the axios request again if the response is null or missing

Answer №1

Similar questions

There seems to be an issue preventing the Chrome browser from launching with the error message: "ERROR: connect ECONNREFUSED 127.0

What is the best way to handle multiple responses in Ajax within a single function?

Buttons within the Bootstrap carousel caption cannot be clicked

Calculating the vertical distance between an element and the top of the page

Can a software be created to capture search results from the internet?

Contrast between the expressions '$(<%= DDL.ID %>) and $('<%= DDL.ID %>')

Tips for integrating Material UI Drawer with Redux

Google Scripts: Generating a set of data to include in an email

Shift the element within the div towards the left side

Node.js used to create animated gif with unique background image

Implement Vue.js transitions on elements to smoothly reveal additional content

Discovering elements with Selenium

Javascript functions correctly when the HTML file is opened locally, however, it encounters issues when accessed through an http-server

Displaying an array of objects in the MUI Datagrid interface

Challenge with dynamic parent routes

Utilizing React to Style Background Positions

How can I show the text name as a selection in the React Material UI Autocomplete component while sending the ID as the value?

Transmit responses from PHP script

Modifying an HTML attribute dynamically in D3 by evaluating its existing value

Navigable Vuetify Tabs with routing capabilities