教程 axios tutorial

发送 GET 请求示例

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 对象,无需手动解析。