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、分配处理人员