如何避免JavaScript应用相同错误重复上报至Rollbar超过指定阈值？

方案1：Rollbar内置配置（开箱即用） #

Rollbar原生支持基础的重复错误过滤能力，直接在初始化配置中添加ignoreDuplicates: true即可自动拦截连续触发的完全相同错误，无需额外编码。如果需要更灵活的阈值、时间窗口控制，可使用自定义拦截方案。

方案2：自定义错误上报拦截（支持自定义阈值） #

核心思路是本地维护错误上报的计数缓存，基于错误唯一指纹统计上报次数，超过预设阈值后直接拦截上报。实现代码如下：

// 错误计数缓存：key为错误唯一指纹，value存储上报次数、首次上报时间
const errorReportCache = new Map()
// 自定义配置：1小时时间窗口内，同个错误最多上报5次
const REPORT_RULE = {
  TIME_WINDOW: 3600 * 1000,
  MAX_REPORT_COUNT: 5
}

const rollbar = new Rollbar({
  accessToken: '你的项目Access Token',
  captureUncaught: true,
  captureUnhandledRejections: true,
  payload: {
    environment: 'production'
  },
  // 上报前拦截逻辑，返回true则拦截本次上报
  checkIgnore(isUncaught, args, payload) {
    const error = args[0]
    // 生成错误唯一指纹，可根据业务调整规则，比如加入用户ID、页面路径等维度
    const errorFingerprint = error 
      ? `${error.name || 'UnknownError'}:${error.message || ''}:${error.stack?.split('\n').slice(0,3).join('')}`
      : JSON.stringify(args)

    const now = Date.now()
    const cacheRecord = errorReportCache.get(errorFingerprint)

    // 无上报记录或已超出时间窗口，重置计数并允许上报
    if (!cacheRecord || now - cacheRecord.firstReportTime > REPORT_RULE.TIME_WINDOW) {
      errorReportCache.set(errorFingerprint, {
        count: 1,
        firstReportTime: now
      })
      return false
    }

    // 未达阈值，计数+1并允许上报
    if (cacheRecord.count < REPORT_RULE.MAX_REPORT_COUNT) {
      cacheRecord.count += 1
      errorReportCache.set(errorFingerprint, cacheRecord)
      return false
    }

    // 超出阈值，拦截上报
    return true
  }
})

注意事项 #

• 错误指纹的生成规则可按需调整，比如加入用户ID、路由路径等维度，区分不同场景下触发的同名错误
• 单页应用可在路由切换、页面卸载时清理过期的缓存记录，避免内存占用过高
• 可搭配Rollbar后台的服务端限流规则，双重控制上报量，避免占用服务配额

内容的提问来源于stack exchange，提问作者Dennis