js axios 异步请求

// 引入 axios 库
import axios from 'axios';

// 定义一个异步函数来发送 GET 请求
async function fetchData() {
    try {
        // 使用 axios 发送 GET 请求
        const response = await axios.get('https://api.example.com/data');
        // 打印响应数据
        console.log(response.data);
    } catch (error) {
        // 捕获并打印错误信息
        console.error('There was an error!', error);
    }
}

// 调用 fetchData 函数
fetchData();

解释说明：

1. 引入 axios：首先需要通过 import 或 require 语句引入 axios 库。
2. 定义异步函数：使用 async 关键字定义一个异步函数 fetchData，这样可以在函数内部使用 await 来等待异步操作完成。
3. 发送 GET 请求：使用 axios.get() 方法发送一个 GET 请求到指定的 URL。await 关键字确保代码会等到请求完成后再继续执行。
4. 处理响应：如果请求成功，response.data 包含服务器返回的数据，可以对其进行处理或打印。
5. 捕获错误：使用 try...catch 结构来捕获任何可能发生的错误，并在控制台中输出错误信息。
6. 调用函数：最后调用 fetchData 函数以启动请求。