Reactjs 如何在react中的axios中每次调用api之前自动调用api

假设我想在每次api调用之前调用一个api（用于会话），那么应该在任何其他api调用之前自动调用api。 如何在axios中实现这一点。

---

我想对整个项目进行全局性的包装。

您可以围绕axios编写一个包装器。无论如何，您通常都应该这样做，这样您就可以为应用程序注入头和其他特定的内容

这里有一个基本的版本

let sessionStuffPromise = null;

function request(method, ...args) {
  if (!sessionStuffPromise) {
    // do your initial stuff and return a promise
    sessionStuffPromise = foo();
  }
  return sessionStuffPromise.then(() => {
    return axios[method](...args);
  });
}

---

在我的项目中，将该公共api调用放在何处，以便在任何其他api调用之前自动调用它？@NISHANTJAIN您可以在任何时候发出请求时使用该函数；它会自动确保在发出另一个请求之前完成

foo（）

承诺，同时也不会多次发出

foo（）

请求。该函数放在何处？我想在axios库中全局设置一些api调用，在任何api调用之前自动调用这些api调用。