Sentry 可以在浏览器中捕获网络错误（XHR 或 fetch）吗？答案

【问题标题】：Can Sentry catch network error (XHR or fetch) in browser?Sentry 可以在浏览器中捕获网络错误（XHR 或 fetch）吗？
【发布时间】：2021-03-25 09:57:05
【问题描述】：

我目前正在将 Sentry 集成到 Angular Web 应用程序中。我成功地将 Sentry 中的 console.log / warn / error 和异常报告为“问题”。

但是，当对我的服务器的请求失败（HTTP 4XX 或 5XX）时，Sentry 完全忽略此错误并且不发送它。

我已经尝试了tracingOrigins 的所有可能值。

Sentry.init({
    dsn: '******',
    integrations: [
        new CaptureConsole(),
        new Integrations.BrowserTracing({
            tracingOrigins: ['localhost', 'http://localhost:4646/api']
        })
    ],
    tracesSampleRate: 1.0,
    debug: true
});

我能做什么？

【问题讨论】：

标签： sentry

【解决方案1】：

我认为您希望在您的服务器上运行一个 Sentry 实例来捕获后端错误。您可能希望在 Sentry 中将它们设置为两个不同的项目。

或者，当您收到回复时，您可以在 Angular 应用程序中手动跟踪它们 - 例如Sentry.captureException(err);

【讨论】：

如你所说，我可能会为后端安装第二个 Sentry 实例。当然，我可以更改我的代码以添加到 Angular 应用程序Sentry.captureException(err);。但它不适用于下载字体、图标、图像等资源的错误。谢谢你的回答！