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
}
})
这是它的一种用法,但还有更好的方法。
第二种方法,以及我使用的方法
在使用这个库一段时间后,我开始看到其他人也在使用它。就我观察,最适合我的使用方式是创建一个文件夹,然后使用它的 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
这样就完成了,你可以从需要的地方导入文件 API,然后像这样传递参数:
async function handleApiCall() {
const response = await api.get('Here you can pass the route you want')
setSomeStateHere(response.data)
}
在此,我要和大家道别了。 我会在下方留下 axios 文档的链接,也欢迎大家访问我的 GitHub,那里有一些使用 axios 的项目!GitHub 个人主页Axios 文档
