Appearance
sentry 是一个开源的监控系统，能支持服务端与客户端的监控，还有个强大的后台错误 分析、报警平台。类似于后台的日志功能。
sentry 有点不稳定，经常断连，注意不要开拦截广告的插件,注意在登录时要点击下方的 accept
使用方法：
在sentry 官网注册一个账号，推荐直接使用 github 账号登录。
创建一个项目，这里以 vue3 为例，在 main.js 加入代码
import * as Sentry from "@sentry/vue";
import { Integrations } from "@sentry/tracing";
Sentry.init({
app,
dsn: "你创建项目的dsn地址",
integrations: [
new Integrations.BrowserTracing({
routingInstrumentation: Sentry.vueRouterInstrumentation(router),
tracingOrigins: ["localhost", "my-site-url.com", /^\//],
}),
],
// Set tracesSampleRate to 1.0 to capture 100%
// of transactions for performance monitoring.
// We recommend adjusting this value in production
tracesSampleRate: 1.0,
});
- 在代码中抛出一个错误，然后在 sentry 面板上即可查看
<a-button type="primary" @click="clickThrowError">点击抛出错误</a-button>
const clickThrowError = ()=>{
throw new Error('抛出错误');
}