Vuejs-Sentry的接入和使用

本文详细介绍了在Vuejs项目中如何接入和使用Sentry错误监控系统。通过安装依赖、配置main.ts文件,设置DSN、debug、release等参数,并在main.js中故意触发错误以测试Sentry的日志收集功能。此外,还讨论了Sentry的API,包括捕获错误、异常、信息,以及添加面包屑和配置Scope等操作。
摘要由CSDN通过智能技术生成

阅读本文之前,希望你已经对Vuejs项目非常熟悉,并且已经部署好了Sentry系统。如何部署Sentry系统我就不过多阐述了,请自行查阅相关文档,本文只记录前端接入方法:
首先,我们先安装两个依赖(这里只介绍npm安装方法)

npm install @sentry/browser
npm install @sentry/integrations

接下来配置sentry,在项目的main.ts加入以下代码:

import * as Sentry from "@sentry/browser";
import * as Integrations from "@sentry/integrations"
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值