前言
在互联网应用开发中，API（应用程序接口）是不可或缺的一环。而访问 API 的方式通常是通过 HTTP 请求。对于前端开发者来说，访问 API 有很多种方式，比如通过 XMLHttpRequest 对象、使用 fetch() 方法等等。不过最近出现了一个新的 npm 包，名为 hyper-api-client，可以方便地访问 API，减少代码量和增加可读性。本篇文章将带您了解 hyper-api-client 包的使用，包括安装、初始化、发起请求等等。
安装 npm 包
和其他 npm 包一样，使用 hyper-api-client 之前需要先安装它。使用以下命令进行安装：
npm install hyper-api-client
安装成功后，就可以在项目中使用了。
初始化 hyper-api-client 包
首先，在您的代码中导入 hyper-api-client 包：
import HyperAPIClient from 'hyper-api-client';
然后，创建一个新的 HyperAPIClient 实例：
const hyperAPIClient = new HyperAPIClient();
在创建实例的同时，您还可以传递一些选项。比如，可以将 API 地址传递给实例。
const hyperAPIClient = new HyperAPIClient({
baseUrl: 'http://my.api.com'
});此外，还可以传递其他选项，如认证令牌等等。具体可见 GitHub 文档。
发起请求
在继续之前，先让我们想象一下一个场景。假设我们有一个 API 端点 /users，可以返回用户列表。这个端点可以通过 HTTP GET 请求访问，并且响应数据是一个 JSON 数组。
现在，我们可以使用 hyper-api-client 包来发起请求，获取用户列表。
const response = await hyperAPIClient.get('/users');
const users = response.data;上述代码发起了一个 HTTP GET 请求，访问 /users 端点，并将响应数据保存到 users 常量中。需要注意的是，使用 await 关键字，因为 get() 是一个异步联合。这里我们使用了 users 常量来保存响应数据，因为 hyper-api-client 请求的响应数据始终作为一个包含在 data 属性中的 JSON 对象返回。
您还可以使用其他 HTTP 方法，如 POST、PUT、DELETE 等等。这里是一个使用 POST 方法的示例，假设有一个 API 端点 /login，用于验证用户凭证。
const response = await hyperAPIClient.post('/login', {
username: 'john',
password: '123456'
});
const user = response.data;上述代码发起了一个 HTTP POST 请求，访问 /login 端点，并将包含用户名和密码的数据作为请求体发送。如果凭证有效，响应数据将包含用户数据，保存在 user 常量中。
总结
到这里，您已经了解了如何使用 npm 包 hyper-api-client 来访问 API 端点。hyper-api-client 包使访问 API 端点变得非常简单。此外，hyper-api-client 还有许多其他功能，如处理错误、尝试请求等等。您可以在 hyper-api-client 的 GitHub 代码库 中找到更多信息。
最后，我们来总结一下本文。我们首先安装了 hyper-api-client npm 包，然后创建了一个新的 HyperAPIClient 对象，并发起了 get() 和 post() 请求，获取数据并验证凭证。通过学习本文，您了解了如何使用 hyper-api-client 包来访问 API 端点，从而简化应用程序的开发和维护。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055bcc81e8991b448d9699