sentry错误系统使用指南

一、项目中接入Logger

logger npm地址:yulizhi npm

1.1、在入口文件中注册Logger

可以根据项目的情况配置options,默认开启上报,release默认为V1.0.0,如果都使用默认,可以不传options

Vue2.0:

import Logger from '@thales/logger'

Vue.use(Logger,sentryDsn,options)

Vue3.0:

import { createApp } from 'vue'

import App from './App.vue'

import Logger from '@thales/logger'

const app = createApp(App)

if(process.env.NODE_ENV === 'production'){

   app.use(Logger,sentryDsn,options)

}

app.mount('#app')

TIPS:目前只需要在生产环境开启上报,注册时请进行环境判断

1.2、在request.js文件中收集接口信息:

import Logger from '@thales/logger';

// res为接口返回值

const { config, data } = res;

const request = { data: config.data, params: config.params };

Logger.setRequestContext({

   url: res.config.url,

   request,

   response: data,

});

1.3、在request.js文件中上报接口错误

在 request.js 中,拦截返回时,接口返回错误时调用 Logger.captureException()手动上报错误。
错误标题为ApiError:+ url,错误描述为接口返回的错误信息。
如果是网络错误,错误标题为ApiNetworkError:+url

import Logger from '@thales/logger';

Logger.captureException(`ApiError:${response.config.url}`, {error:res.message});

1.4、开启sourcemap上传

最好做个判断,prod环境才开启

二、创建sentry项目

2.1、sentry后台地址:Login | Sentry

2.2、创建项目

 

2.3、查看SDN

 

 

三、添加人员

 

 

 

 

先进行注册

 

3.3、分配处理人员

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值