nuxt配置sentry

接入官方服务

0.注册账户

提示几点。

• email地址和password会用作登录的账号密码。

• billingEmail的作用是接收异常报告，sentry监控到异常之后会发送报告到此邮箱。如果你没有填写billingEmail的话，报告会发给你登录用的那个邮箱地址。

• 注册账户后往往会让你创建个新项目，我们nuxt项目的话选择vue就好了。

另外，把sentryUI设置成中文的方法如下：

1. 
2. 

1. 安装

yarn add @sentry/browser @sentry/integrations @sentry/tracing

• @sentry/browser是sentry的SDK，我们可以用这个包提供的方法主动上报异常，这个包也会收集异常自动上报到服务器。
• @sentry/integrations是用于增强上面那个SDK的包，里面有各种集成(就是可插拔的一些辅助功能)，我们主要是为了使用这个包里面的Vue增强功能。这样我们可以在异常日志里面看到出错的那个vue组件的信息。
• @sentry/tracing是用来监控浏览器性能的，和异常监控没有关系，酌情安装。详见

2.初始化

1. 创建 src/plugins/sentry.js 并填写以下内容

   import Vue from 'vue'
   import * as Sentry from '@sentry/browser'
   import {
         Vue as VueIntegration } from '@sentry/integrations'
   import {
         Integrations } from '@sentry/tracing'
   
   process.env.NODE_ENV === "production" && Sentry.init({
        
     dsn: process.env.SENTRY_DSN, 
     logErrors: false,
     integrations: [
       new VueIntegration({
        
         Vue,
         tracing: true,
       }),
       new Integrations.BrowserTracing(),
     ],
   })
   
   Vue.prototype.$Sentry=Sentry
   

   注意，logErrors选项默认就是false，这代表sentry会阻止一切异常打印到控制台。如果你是开发环境需要调试的话，就把logErrors暂时设置为true并把上面的process.env.NODE_ENV =&#