sentry-前端应用监控工具

一、sentry介绍：

Sentry 是一个开源的实时错误追踪系统，可以帮助开发者发现问题、追踪问题；支持 web 前后端、移动应用等。

了解更多信息，请移步sentry官网

二、sentry配置

1、注册sentry账号

使用sentry监控平台，必须先申请账号

2、登录sentry网站，重设语言和时区

1）点击账号旁的箭头，打开弹出

2）点击账号弹窗中的"User settings"选项，进入账号设置页面，可设置语言、时区

3、配置项目

1）点击‘项目’菜单，进入项目页面，创建自己的项目，这里我们以创新Vue项目为例。

2）创建项目成功后，自动进入配置页面，描述了vue项目配置sentry的步骤

3）项目配置sentry
打开本地项目，按sentry平台中提示的项目配置步骤，为项目配置sentry监控。

// 步骤一：安装sentry插件
npm install @sentry/browser
npm install @sentry/integrations

// 步骤二：main.js添加如下代码
import Vue from "vue";
import * as Sentry from "@sentry/browser";
import { Vue as VueIntegration } from "@sentry/integrations";

Sentry.init({
  dsn: "https://62ed24c86g0a4f26b86ea4ab294dadfb@l211011.ingest.sentry.io/1116510",
  integrations: [new VueIntegration({ Vue, attachProps: true })],
});

到此为止项目配置sentry监控完成，可访问sentry官网查看