vue请求后端数据axios

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

// 创建一个 axios 实例，可以设置一些默认配置
const instance = axios.create({
  baseURL: 'https://api.example.com', // 设置请求的基础URL
  timeout: 5000, // 请求超时时间
});

// 定义一个方法来获取后端数据
async function fetchData() {
  try {
    // 发送 GET 请求到指定的 API 端点
    const response = await instance.get('/data'); // 替换为实际的API路径

    // 处理返回的数据
    console.log(response.data); // 打印返回的数据

    return response.data; // 返回数据给调用者
  } catch (error) {
    // 捕获并处理错误
    console.error('Error fetching data:', error);
    throw error;
  }
}

// 调用 fetchData 方法
fetchData();

解释说明：

1. 引入 axios：首先需要通过 import axios from 'axios'; 来引入 axios 库。
2. 创建 axios 实例：通过 axios.create() 创建一个新的 axios 实例，并设置一些全局配置，例如 baseURL 和 timeout。
3. 定义 fetchData 方法：使用 async/await 来发送异步请求。这里使用 instance.get() 方法发送 GET 请求到后端 API。
4. 处理响应数据：在成功接收到响应后，可以通过 response.data 获取返回的数据。
5. 错误处理：使用 try/catch 块捕获可能发生的错误，并进行适当的处理。