美文网首页
vue项目中使用sentry

vue项目中使用sentry

作者: 程序员李钟意 | 来源:发表于2019-07-25 12:27 被阅读0次

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 监控管理平台平台 查看报错信息

相关文章

网友评论

      本文标题:vue项目中使用sentry

      本文链接:https://www.haomeiwen.com/subject/dfvcrctx.html