主页 / 问题 / 698748
Accepted
Владимир
Asked:2020-07-28 11:50:18 +0000 UTC2020-07-28 11:50:18 +0000 UTC

React JS：项目中所有请求的 axios 通用异常处理程序

  • 772

各位开发者，下午好！我正在寻找以下问题的解决方案：在任意时刻应用程序运行期间，我可以获得对任何 axios GET / POST 请求的响应，他们说会话已过期，这可以通过 header + responseCode 来确定从回应。您可以像这样获取这些数据：

axios.get('/request')
  .catch(function (error) {
    if (error.response) {
      console.log(error.response.status);
      console.log(error.response.headers);
    }
  });

但是由于在一个项目中可以有很多这样的请求，为了不重复同一个catch块，我想问一下：如何一次将一个catch部分添加到所有axios请求中？扩展 axios 还是制作某种包装器？

javascript

1 个回答

  1. Best Answer

    您可以添加一个拦截器并在那里处理错误。

    // Добавить перехватчик на ответ
axios.interceptors.response.use(function (response) {
  // Обработать корректный ответ сервера
  return response;
}, function (error) {
  // Обработать ответ сервера с ошибкой
  return Promise.reject(error);
});
    • 3

相关问题