如何在使用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://jsonplaceholder.typicode.com/posts')
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

  • 6
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
使用axios,通常不需要监听特定的事件。axios主要用于发送HTTP请求并处理返回的响应。然而,你可以通过axios拦截器来实现类似的功能。 拦截器可以在请求被发送或响应被接收之前对其进行拦截和处理。你可以使用`axios.interceptors`对象来添加请求拦截器和响应拦截器。 下面是一个示例,展示如何使用axios的拦截器来监听请求响应: ```javascript 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`方法添加了一个响应拦截器,并在其中打印了另一个消息。这样,每次发送请求或收到响应,都会触发相应的拦截器,并执行其中的代码。 请注意,这只是一个简单的示例。你可以根据自己的需求在拦截器中添加更多逻辑。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

_月下闲人

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值