如何使用 axios 过滤器 - Javascript

在使用 axios 进行数据请求时，有时需要对返回的数据进行过滤和处理，此时可以使用 axios 的过滤器（interceptors）来实现。axios 的拦截器实际上就是在请求或响应被发送前拦截它们。

添加过滤器

使用 axios 添加一个响应过滤器的示例：

axios.interceptors.response.use(function (response) {
  // 对响应数据进行处理
  const data = response.data;
  if (isInvalid(data)) {
    return Promise.reject(new Error('Invalid data'));
  } else {
    return response;
  }
}, function (error) {
  // 对响应错误进行处理
  return Promise.reject(error);
});

上述例子中，我们定义了一个响应过滤器，用于处理响应数据。在过滤器中，我们首先获取到响应数据，然后对其进行处理。在数据合法时，我们返回响应；否则，我们将发出 Promise 错误。

删除过滤器

删除过滤器的语法如下所示：

const myInterceptor = axios.interceptors.request.use(function () {/* ... */});
axios.interceptors.request.eject(myInterceptor);

上面的代码中，我们通过 axios.interceptors.request.use() 方法，创建了一个请求拦截器并存储在 myInterceptor 变量中。然后，我们通过 axios.interceptors.request.eject() 方法，将该拦截器从请求拦截器列表中移除。

综述

以上就是使用 axios 过滤器的一些基本知识，其中包括添加和删除过滤器的语法。学会使用过滤器可以让你在请求和响应中添加更多的控制和可靠性，让你编写更健壮的应用程序。