JavaScript 怎么在前端实现接口请求的频率限制与防刷保护-js教程-PHP中文网

前端无法真正“防刷”，但可通过闭包限流、响应头协同、交互防护三重手段降低无效请求、缓解后端压力、提升用户体验，所有策略须与后端对齐且不替代服务端保护。

javascript 怎么在前端实现接口请求的频率限制与防刷保护

前端无法真正“防刷”，但可以有效降低无效请求、缓解后端压力、提升用户体验。关键不是拦截所有恶意行为，而是配合后端做协同限流与行为引导。

用闭包实现轻量级请求频率限制

适合按钮点击、表单提交等明确触发点，不依赖服务端头，逻辑清晰易维护：

定义最大请求数（如每分钟5次）和时间窗口（如60秒）
闭包内缓存调用时间戳数组，每次触发前清理过期时间戳
若当前窗口内已超阈值，直接拒绝并提示；否则允许并记录当前时间

示例代码：

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

function createFrequencyLimiter(max = 5, windowMs = 60 * 1000) {
  const timestamps = [];
  return function() {
    const now = Date.now();
    // 清理窗口外的记录
    for (let i = timestamps.length - 1; i >= 0; i--) {
      if (timestamps[i] = max) return false;
    timestamps.push(now);
    return true;
  };
}
const submitLimiter = createFrequencyLimiter(3, 10 * 1000); // 10秒最多3次
if (!submitLimiter()) {
  alert('操作太频繁，请稍后再试');
  return;
}
// 执行请求...