Axios 请求发送

最新推荐文章于 2023-12-21 13:18:04 发布

归懿

最新推荐文章于 2023-12-21 13:18:04 发布

阅读量35

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/m0_73559209/article/details/134458846

版权

本文介绍了Axios库如何进行GET和POST请求的发送，以及其提供的拦截器功能，通过示例代码展示如何处理请求成功和失败的情况。

摘要由CSDN通过智能技术生成

Axios 请求发送

`Axios`是一个流行的基于 `Promise` 的`HTTP`客户端库，用于发起`HTTP`请求。它提供了一种简洁的方式来发送和处理`HTTP`请求，同时还提供了拦截器`interceptors`的功能，可以对请求和响应进行拦截处理。本文将整理`Axios`请求发送和拦截方面的知识，分别进行分类，并给出示例代码，并在代码中进行注解。

发送GET请求


// 发送GET请求
axios.get('/api/data')
  .then(response => {
    // 请求成功的处理逻辑
    console.log(response.data);
  })
  .catch(error => {
    // 请求失败的处理逻辑
    console.error(error);
  });

发送POST请求


// 发送POST请求
axios.post('/api/data', { name: 'John', age: 30 })
  .then(response => {
    // 请求成功的处理逻辑
    console.log(response.data);
  })
  .catch(error => {
    // 请求失败的处理逻辑
    console.error(error);
  });