使用axios 监听事件

使用axios库时，通常不需要监听特定的事件。axios主要用于发送HTTP请求并处理返回的响应。然而，你可以通过axios拦截器来实现类似的功能。

拦截器可以在请求被发送或响应被接收之前对其进行拦截和处理。你可以使用`axios.interceptors`对象来添加请求拦截器和响应拦截器。

下面是一个示例，展示如何使用axios的拦截器来监听请求和响应：

import axios from 'axios';

// 添加请求拦截器
axios.interceptors.request.use(
  function(config) {
    // 在发送请求之前做些什么
    console.log('请求被发送');
    return config;
  },
  function(error) {
    // 处理请求错误
    return Promise.reject(error);
  }
);

// 添加响应拦截器
axios.interceptors.response.use(
  function(response) {
    // 对响应数据做些什么
    console.log('收到响应');
    return response;
  },
  function(error) {
    // 处理响应错误
    return Promise.reject(error);
  }
);

// 发送请求
axios.get('https://api.example.com/data')
  .then(response => {
    // 处理响应数据
  })
  .catch(error => {
    // 处理请求错误
  });

在上面的例子中，我们通过`axios.interceptors.request.use`方法添加了一个请求拦截器，并在其中打印了一个消息。同样地，我们使用`axios.interceptors.response.use`方法添加了一个响应拦截器，并在其中打印了另一个消息。这样，每次发送请求或收到响应时，都会触发相应的拦截器，并执行其中的代码。

请注意，这只是一个简单的示例。你可以根据自己的需求在拦截器中添加更多逻辑。