使用 Axios 和 Async/Await 进行高效的数据交互

一、基本用法

使用Axios进行HTTP请求的基本语法如下：

axios.request(config)
.then(function (response) {
  console.log(response.data);
})
.catch(function (error) {
  console.error(error);
});

其中config是一个对象，用于配置请求参数，包括url、方法、数据、头信息等。

二、常用API

Axios提供了丰富的API，包括但不限于：

• axios.get(url[, config])：发送一个GET请求。
• axios.post(url[, data[, config]])：发送一个POST请求。
• axios.put(url[, data[, config]])：发送一个PUT请求。
• axios.delete(url[, config])：发送一个DELETE请求。
• axios.head(url[, config])：发送一个HEAD请求。
• axios.options(url[, config])：发送一个OPTIONS请求。

三、GET请求的多种传参方式

在进行GET请求时，可以通过以下三种方式传递参数：

3.1 GET 第一种传参：url地址？ =

这种方式是最简单直接的，直接在URL地址后加上"?="，然后跟上参数名和参数值，例如：

axios.get('https://api.example.com/users?name=John Doe');

3.2 GET 第二种传参：/直接加参数

这种方式适用于参数较少的情况，直接在URL地址后面加上参数名和参数值，例如：

axios.get('https://api.example.com/users/1');

3.3 GET 第三种传参：（对象）包裹传参

这种方式适用于参数较多或参数值较复杂的情况，将参数封装在一个对象中，然后作为第二个参数传递给axios.get()方法，例如：

axios.get('https://api.example.com/users', {
  params: {
    name: 'John Doe',
    age: 30
  }
});

四、DELETE请求的用法

DELETE请求用于从服务器删除资源，其用法与GET请求类似，基本语法如下：

axios.delete(url[, config])
.then(function (response) {
  console.log(response.data);
})
.catch(function (error) {
  console.error(error);
});

其中config是一个对象，用于配置请求参数，包括url、头信息等。