Réessayez la requête axios lorsque la réponse est vide

Question

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");

Donc, parfois, je reçois une réponse vide avec le code d'état 200, Envisagez de réessayer la demande si cela se produit, Je veux savoir quelle est la bonne façon de résoudre ce problème.

Answer 1

Je pense qu'axios interceptor est fait pour vous.

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

    if () { // condition
      originalRequest._retry = true;
    }
  }
)

Vous pouvez créer un fichier setupAxios dans le répertoire de base redux et l'exporter depuis index.js dans le répertoire de base redux.

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

Et définissez setupAxios à partir du fichier racine index.js

import * as _redux from "./redux";

_redux.setupAxios(axios, store);

Au fait, j'utilise réagir.js, cela pourrait être un peu différent dans vue.js.