Question

Axios 拦截器运行多次

2022-02-24

2204

javascript reactjs axios

我有这个拦截器，如果用户未经授权，它会注销用户。但是，我得到的响应不止一个，因此拦截器的运行次数与我得到的响应次数一样多（4）。有没有办法让它只在第一次运行？

这是我的代码：

api.interceptors.response.use(
(response) => response,
(err) => {
  if (err.response.status === 401 && isLoggedIn) {
    api
      .delete("auth/sign_out")
      .then((resp) => {
        clearLocalStorage();
      })
      .catch((err) => {
        clearLocalStorage();
      });
  } else {
    return Promise.reject(err);
  }
  return err;
}

);

Answer 1

您可能需要类似这样的操作来“锁定”可能的可重入调用：

let isLoggingOut = false; // global

// ...

api.interceptors.response.use(
  (response) => response,
  async (err) => {
    if (err.response.status === 401 && isLoggedIn) {
      if(!isLoggingOut) {
        isLoggingOut = true;  // disallow re-entrant calls
        try {
          await api.delete('auth/sign_out');
        } catch (deletionError) {
          // throw errors away
        } finally {
          clearLocalStorage();
          isLoggingOut = false;
          isLoggedIn = false; // if the variable is assignable
        }
      }
    }
    return err;
  },
);