Sentry自托管v22无法接收Vue应用captureMessage，求排查方案

算力阿峰

2026-7-6

排查步骤

确认DSN正确性：检查VITE_SENTRY_DSN是否为自托管Sentry的正确值，格式应为http(s)://<公钥>@<自托管域名>/<项目ID>，核对域名、项目ID、公钥是否与自托管平台上的项目配置一致，避免拼写错误。
检查网络请求状态：打开浏览器开发者工具的「网络」面板，触发myTriggerClick后，查看发送到Sentry的请求（路径通常为/api/<项目ID>/store/）：
- 若请求返回401/403：说明DSN的公钥或项目ID错误；
- 若返回404：确认自托管Sentry上是否存在对应项目，或路径配置有误；
- 若出现跨域错误（CORS）：告知SRE需要在自托管Sentry的配置中添加前端域名的CORS允许规则；
- 若请求无响应：排查前端网络是否能访问自托管Sentry的域名，是否存在防火墙/代理拦截。
核对SDK与服务版本兼容性：自托管Sentry为v22，需确保前端使用的@sentry/vue、@sentry/tracing等SDK版本与服务主版本匹配（建议使用v22.x系列的SDK），高版本SDK可能与旧版自托管服务存在数据格式或API不兼容问题。
检查项目配置与过滤规则：联系SRE确认：
- 对应项目是否开启了事件接收，是否限制了特定环境（前端初始化时可显式添加environment: 'production'等字段，确保与项目配置的环境一致）；
- 是否设置了事件采样率或过滤规则，比如是否丢弃了captureMessage类型的事件，或采样率设为0。

修正初始化代码语法：你的初始化代码末尾缺少闭合的})，这会导致代码执行失败，修正后代码如下：

Sentry.init({
  app,
  dsn: import.meta.env.VITE_SENTRY_DSN,
  integrations: [
    new Sentry.BrowserTracing({
      routingInstrumentation: Sentry.vueRouterInstrumentation(router),
    }),
  ],
  tracePropagationTargets: [import.meta.env.VITE_SENTRY_TARGET],
});