Sentry 不跟踪“OPTIONS”请求

Question

TLDR： 如何让 Sentry 跟踪错误面包屑中的

OPTIONS

请求？

我正在开发一个 Next.js 项目，其中配置了 Sentry 以进行错误监控。我遇到了一个奇怪的错误

"Failed to fetch"

，没有太多额外的上下文，我正在尝试调查原因，因为除了此消息之外没有其他可用信息。在我的后端 API Cloudwatch 日志中，我注意到，通过匹配时间戳，发送了

OPTIONS

预检，并且似乎成功，状态为 204，但是我在日志中没有看到实际关联的

GET

的记录。请求被触发，只是

OPTIONS

一个。请记住，我自己无法重现此错误，当我尝试时一切正常，并且 CORS 似乎已正确配置。

我查看了哨兵上的一些重播，试图获取更多信息，但注意到

OPTIONS

请求没有记录在任何地方。我想检查此预检

OPTIONS

请求的响应标头，看看我是否可以在那里获得更多信息，所以我的问题是：是否可以告诉 Sentry 以相同的方式跟踪错误面包屑中的

OPTIONS

请求所有其他 HTTP 请求都会自动跟踪吗？我找不到任何有关此的文档。

PS。也欢迎任何有关可能导致此“无法获取”问题的其他提示。

Nextjs: v14.0.3
@sentry/nextjs: 7.80.0
react: 18.2.0

Answer 1

Sentry 允许添加自定义面包屑。

// Add a listener on OPTIONS requests and create a breadcrumb.
Sentry.addBreadcrumb({
  message: "OPTIONS request sent",
  level: "info",
  data: ... // Add anything here that you're interested in.
});

这里是 Sentry 的 SDK 面包屑文档，其中包含更多详细信息。