axios 教程

axios 教程

![axios logo](

[axios]( 是一个基于 Promise 的 HTTP 客户端，用于浏览器和 Node.js。它可以用于发送 GET、POST、PUT、DELETE 等各种类型的 HTTP 请求，并支持请求和响应的拦截器。本文将介绍如何使用 axios 发送 HTTP 请求，并展示一些常见的用例。

安装

首先，我们需要通过 npm 安装 axios。在终端中执行以下命令：

npm install axios

发送 GET 请求

发送 GET 请求非常简单，只需调用 axios 的 get 方法并传入请求的 URL 即可。以下是一个发送 GET 请求的示例代码：

const axios = require('axios');

axios.get('
  .then(function (response) {
    console.log(response.data);
  })
  .catch(function (error) {
    console.error(error);
  });

在上述代码中，我们使用了 axios.get 方法发送一个 GET 请求到 `

发送 POST 请求

发送 POST 请求与发送 GET 请求类似，只需调用 axios 的 post 方法并传入请求的 URL 和数据即可。以下是一个发送 POST 请求的示例代码：

const axios = require('axios');

axios.post(' {
    name: 'John Doe',
    age: 30
  })
  .then(function (response) {
    console.log(response.data);
  })
  .catch(function (error) {
    console.error(error);
  });

在上述代码中，我们使用了 axios.post 方法发送一个 POST 请求到 `

请求拦截器和响应拦截器

axios 支持请求和响应的拦截器，可以在发送请求或接收响应之前对其进行处理。我们可以通过 axios.interceptors.request.use 方法添加请求拦截器，通过 axios.interceptors.response.use 方法添加响应拦截器。

以下是一个添加请求拦截器和响应拦截器的示例代码：

const axios = require('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('
  .then(function (response) {
    console.log(response.data);
  })
  .catch(function (error) {
    console.error(error);
  });

在上述代码中，我们通过 axios.interceptors.request.use 方法和 axios.interceptors.response.use 方法分别添加了请求拦截器和响应拦截器。请求拦截器和响应拦截器分别在发送请求和接收响应之前执行。

总结

通过本文，我们学习了如何使用 axios 发送 HTTP 请求，以及如何使用请求拦截器和响应拦截器对请求和响应进行处理。axios 提供了简洁的 API 和丰富的功能，使得我们可以轻松地与服务器进行通信。希望本文对你理解和使用 axios 有所帮助。

注意：以上示例代码仅供参考，请根据实际需求进行修改和扩展。

journey
    title 使用 axios 发送 HTTP 请求的旅程
    section 安装
        code npm install axios
    section 发送 GET 请求
        code const axios = require('axios');
        
        axios.get('
          .then(function (response) {
            console.log(response.data);
          })
          .catch(function (error) {
            console.error(error);
          });
    section 发送 POST 请求
        code const axios = require('axios');
        
        axios.post(' {
            name: 'John Doe