vue项目中使用sentry

sentry 配置

步骤一：

1. 注册 sentry 账号

2. 在 sentry 管理平台创建一个监控 vue 项目

3. 在本地的 vue 项目中 下载安装 sentry 相关模块 `@sentry/browser` `@sentry/browser`

```bash

    $ npm i --save @sentry/browser @sentry/browser

```

步骤二：

4. 然后再 main.js 中引入

```

import * as Sentry from '@sentry/browser';

import * as Integrations from '@sentry/integrations';

Sentry.init({

  dsn: 'https://xxx4098852829e975b37b1b@sentry.io/151xxx',

  integrations: [

    new Integrations.Vue({

      Vue,

      attachProps: true,

    }),

  ],

});

```

5. 项目发生的错误信息会自动上传到 sentry 监控管理平台，并且发送邮件通知

6. 在 sentry 监控管理平台平台 查看报错信息