前言如果你是一位前端工程师，那你一定不止一次去解决一些顽固的线上问题，你也曾想方设法复现用户的bug，结果可能都不太理想。如何定位前端线上问题？一直以来，都是很头疼的问题，因为它发生于用户的一系列操作

今天修改一下, 之前的有点小问题,就是this.$matomo会取不到. 所以列举两种方法. 特地说明一下, setCustomUrl的作用是重新设定url,因为在matomo的页面网址统计那块中,它是通过url去统计的, 如果不做处理的话, 会自动统计域名后一级目录为相同页面…

本文配合rancher1.6(手头一个测试集群没升级到最新的2.x)讲解如何搭建并配置日志错误上报框架Sentry及网站统计分析框架matomo 的搭建及接入vue(本文以iview-admin为例)项目。 sentry 项目运行过程中，难免出现bug，前端不像后端可以很方便的…

进入移动互联网的下半场，以用户行为数据分析驱动的算法个性化推荐和人工精细化运营已成为各个产品必不可缺的配置，数据成为各产品的核心竞争力之一。 ClkLog 是一款记录用户行为分析和画像的免费可商用开源

前端的错误监控、性能数据往往对业务的稳定性有很重要的影响，即使我们在开发阶段十分小心，也难免线上会出现异常，并且线上环境的异常我们往往后知后觉。而页面的性能数据则关系到用户体验，因此采集页面的性能数据

在我们日常开发过程中经常会有前端埋点接入的需求，在使用 Vue 开发时，我们通常会通过自定义指令的方式进行埋点日志上报，下面是我做的一个简单的自定义指令，希望能给大家提供一个参考。

背景描述 线上项目报错. 可是具体是什么问题不知道, 第一想到的是让前端去查看,查看是不是前端代码报错了. 传统项目还好,哪里报错点击就能看到源码,可是单页面项目线上代码一般是压缩后的,具体代码报错位

引言 借助埋点监控sdk,我们可以统计用户的点击，页面pv、uv，脚本错误、dom上报等关键信息等。 一：项目初始化 1.技术栈 Ts rollup打包工具 2.搭建项目 dist:打包产物 serv

创建一个 Sentry 项目 Step 1: 创建项目 Step 2: 创建警报规则 将 Sentry SDK 引入您的前端代码 前置条件 Step 1: 获取代码 Step 2: 安装 SDK St