使用Axios向API请求数据

2024-01-04 14:55:40

Axios是什么？
Axios是一个开源的基于Promise的HTTP客户端库，用于在浏览器和HTTP服务器之间进行通信。Axios的主要特点包括：

简单：Axios是一个非常简单的库，很容易安装和使用。
灵活：Axios支持各种请求类型，包括GET、POST、PUT和DELETE，并且可以自动转换JSON数据。
可扩展：Axios支持插件，可以扩展它的功能。
跨平台：Axios可以在浏览器和HTTP服务器中运行。

Axios怎么使用？

安装Axios

Axios可以通过npm或yarn包管理器安装：

npm install axios

初始化Axios

Axios可以通过创建一个Axios实例来初始化：

const axios = require('axios');

const instance = axios.create({
  baseURL: 'https://api.example.com',
  timeout: 10000,
  headers: {
    'Content-Type': 'application/json'
  }
});

发送HTTP请求

Axios支持GET、POST、PUT、DELETE等多种HTTP请求类型，可以使用以下方法发送HTTP请求：

// GET请求
axios.get('/users')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.log(error);
  });

// POST请求
axios.post('/users', {
  name: 'John Doe',
  email: 'johndoe@example.com'
})
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.log(error);
  });

// PUT请求
axios.put('/users/1', {
  name: 'Jane Doe',
  email: 'janedoe@example.com'
})
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.log(error);
  });

// DELETE请求
axios.delete('/users/1')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.log(error);
  });