发布于 2026-01-06 1 阅读
0

Axios:我的图书馆体验。

Axios:我的图书馆体验。

图像
大家好,今天我要和大家聊聊我使用 axios 库的经验,这个库让所有开发人员的工作都变得更轻松。

等等,什么是“axios”?据我所知,axios 是一个基于 Promise 的 HTTP 库,它可以发起 API 调用(例如 fetch),并直接返回响应数据,无需其他繁琐的步骤.then()。它的基本功能就是如此。接下来,我将展示一些我学习到的 axios 使用方法。

我最初学习使用它的方式

从一开始,获取数据的方式就更简单直接,就像下面的代码一样:

import axios from 'axios'

function Foo() {
  useEffect(() => {
    async function handleAPI() {
      const response = await axios.get('URL-YOU-WANT-TO-GET-DATA')
// From this variable you can store it on some state 
// and you're good to go
    }
  })
Enter fullscreen mode Exit fullscreen mode

这是它的一种用法,但还有更好的方法。

图像

第二种方法,以及我使用的方法

在使用这个库一段时间后,我开始看到其他人也在使用它。就我观察,最适合我的使用方式是创建一个文件夹,然后使用它的 create 方法,如下所示:

import axios from 'axios'

const api = axios.create({
// This baseURL is the domain URL from the api
  baseURL: 'THE-DOMAIN-URL-FROM-THE-API',
})

export default api
Enter fullscreen mode Exit fullscreen mode

这样就完成了,你可以从需要的地方导入文件 API,然后像这样传递参数:

async function handleApiCall() {
  const response = await api.get('Here you can pass the route you want')
  setSomeStateHere(response.data)
}
Enter fullscreen mode Exit fullscreen mode

在此,我要和大家道别了。 我会在下方留下 axios 文档的链接,也欢迎大家访问我的 GitHub,那里有一些使用 axios 的项目!GitHub 个人主页Axios 文档
图像


文章来源:https://dev.to/gabrlcj/axios-my-experience-with-the-library-2a7h