axios 拦截器

前端

实例

// Add a request interceptor
axios.interceptors.request.use(
  function (config) {
    // Do something before request is sent
    console.log('Request Interceptor - Request is about to be sent:', config);
    return config;
  },
  function (error) {
    // Do something with request error
    console.error('Request Interceptor Error:', error);
    return Promise.reject(error);
  }
);
  
// Add a response interceptor
axios.interceptors.response.use(
  function (response) {
    // Do something with successful response
    console.log('Response Interceptor - Response received:', response);
    return response;
  },
  function (error) {
    // Do something with response error
    console.error('Response Interceptor Error:', error);
    return Promise.reject(error);
  }
);
  
// Make a GET request
axios.get('https://jsonplaceholder.typicode.com/posts/1')
  .then(function (response) {
    // Handle success
    console.log('GET Request Successful:', response.data);
  })
  .catch(function (error) {
    // Handle error
    console.error('GET Request Error:', error);
  });

运行结果