# 发送 GET 请求示例

URL: https://caijiao.org/axios/getting-started/get-request
Source: docs/axios/getting-started/get-request.md
Description: 本章节将通过示例演示如何使用 Axios 发送 GET 请求，获取接口数据，并介绍响应结构及基础处理方法，帮助开发者快速掌握 Axios 的基本请求操作。

GET 请求是最常用的 HTTP 请求方式，用于从服务器获取数据。下面展示了使用 Axios 发送 GET 请求的基本方法。

## 1. 基本用法

```javascript
import axios from "axios";

axios
  .get("https://api.example.com/data")
  .then((response) => {
    console.log(response.data); // 输出返回的数据
  })
  .catch((error) => {
    console.error("请求出错：", error);
  });
```

## 2. 使用 async/await

```javascript
import axios from "axios";

async function fetchData() {
  try {
    const response = await axios.get("https://api.example.com/data");
    console.log(response.data);
  } catch (error) {
    console.error("请求出错：", error);
  }
}

fetchData();
```

## 3. 传递查询参数

```javascript
axios
  .get("https://api.example.com/data", {
    params: {
      userId: 123,
      status: "active",
    },
  })
  .then((response) => {
    console.log(response.data);
  });
```

---

> 💡 小提示：Axios 会自动将参数序列化为 URL 查询字符串，并且返回的数据默认是 JSON 对象，无需手动解析。