利用响应拦截器做请求拦截

响应拦截器是用来处理服务器返回的响应数据的，而请求拦截器则是用来处理发送给服务器的请求数据的。如果你需要在发送请求之前对请求数据进行处理，可以使用请求拦截器来实现。

下面是一个使用请求拦截器实现请求拦截的示例：

import axios from 'axios';

// 创建一个 axios 实例
const instance = axios.create({
  baseURL: 'https://api.example.com',
  timeout: 1000,
});

// 请求拦截器
instance.interceptors.request.use(config => {
  // 在发送请求之前做些什么
  // ...
  return config;
}, error => {
  // 处理请求错误
  return Promise.reject(error);
});

// 响应拦截器
instance.interceptors.response.use(response => {
  // 对响应数据做些什么
  // ...
  return response;
}, error => {
  // 处理响应错误
  return Promise.reject(error);
});

// 发送请求
instance.get('/user/12345')
  .then(response => {
    console.log(response);
  })
  .catch(error => {
    console.log(error);
  });

在上面的示例中，我们使用了 `instance.interceptors.request.use` 方法来添加一个请求拦截器，这个拦截器会在每个请求发送之前被调用，我们可以在这里对请求数据进行处理。

如果需要在请求拦截器中拦截请求并阻止其发送，可以返回一个 `Promise.reject` 对象，这样就会触发 `catch` 方法中的回调函数。

需要注意的是，请求拦截器和响应拦截器可以使用多个，它们的执行顺序与添加顺序相同。