在前端开发中，我们经常需要使用 Axios 来发送 HTTP 请求。而有些场景下，我们需要对请求的频率进行限制，以避免对服务器造成过大的负载。在这种情况下，我们可以使用 npm 包 @escapace/axios-rate-limit 来实现请求频率限制功能。
安装
使用 npm 安装 @escapace/axios-rate-limit：
npm install --save @escapace/axios-rate-limit
示例代码
下面是一个简单的示例，演示如何在一个页面中使用 @escapace/axios-rate-limit 来限制 HTTP 请求的频率：
-- -------------------- ---- -------
------ ----- ---- --------
------ -------------- ---- -----------------------------
----- --- - ---------------
----- -------------- - ------------------- -
------------ -- -- ---------
---------------- ---- -- ---------
---
--------------
--------------------------------------------------
-------------- -- -
---------------------------
--
------------ -- -
-------------------
---在上面的示例代码中，我们首先导入了 axios 和 axios-rate-limit，然后使用 axios.create() 创建了一个 axios 实例。接着，使用 axiosRateLimit() 方法对这个实例进行了包装，从而得到一个支持请求频率限制的新的 axios 实例 rateLimitedApi。最后，我们使用这个新的实例发送了一个 HTTP GET 请求，并打印出了响应结果。
在这个示例中，我们限制了每秒最多允许发送 2 次请求。当我们连续发送 3 次请求时，第 3 次请求则会被自动被 axios-rate-limit 忽略掉。
如果你想自定义更多的配置参数，则可以在 axiosRateLimit() 方法的第 2 个参数中传入一个对象，例如：
axiosRateLimit(api, {
maxRequests: 2,
perMilliseconds: 1000,
headers: {
Authorization: 'Bearer ' + accessToken
}
});在上面的示例中，我们添加了一个 Authorization HTTP 头部，其中 accessToken 是一个动态的令牌。
总结
通过使用 @escapace/axios-rate-limit，我们可以简单地实现对 HTTP 请求频率的限制，从而提高应用程序的性能和稳定性。在实际开发中，我们可以根据具体场景自定义更多的配置参数，以达到最佳效果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600672e20520b171f02e1d4e