Hi FE !
Ai
git
前端面试题
前端小tip
  • vite
  • webpack
npm
  • vue2
  • vue3
react
GitHub
Ai
git
前端面试题
前端小tip
  • vite
  • webpack
npm
  • vue2
  • vue3
react
GitHub
  • sentry的原理

sentry的原理

window.onerror劫持,监听unhandledrejection事件,监听vue ErrorHandler方法 如何上报

sentry.init()时会创建hub,并在其上绑定一个客户端client和一个空白作用域scope。 client 创建事件分发给transport transport 统一处理ajax上报请求

const client = new BrowserClient({
  dsn: 'https://<key>@sentry.io/<project>',
});
 
const hub = new Hub(client);
 hub.configureScope(function(scope) {
  scope.setTag("a", "b");
});
 
hub.addBreadcrumb({ message: "crumb 1" });
hub.captureMessage("test");
 
try {
  a = b;
} catch (e) {
  hub.captureException(e);
}
 
hub.withScope(function(scope) {
  hub.addBreadcrumb({ message: "crumb 2" });
  hub.captureMessage("test2");
});

Edit this page
最近更新: 2025/12/2 01:46
Contributors: qdleader
qdleader
本站总访问量 129823次 | 本站访客数 12人