当前位置: 首页 > article >正文

监控平台之针对vue,react上报

Vue的有自己的错误监控方法 Vue.config.errorhandler

Vue的错误监听方法

React的方法是errorBoundary

React的错误监听方法

 window.__webEyeSDK__ = {
    version: '0.0.1',
 }

 // 针对vue 项目的错误上报
 export function install(Vue, options) {
    if(__webEyeSDK__.vue) return;
    __webEyeSDK__.vue = true;
    const handler = Vue.config.errorHandler;
    Vue.config.errorHandler = function(err, vm, info) {
        // TODO 上报错误
        if(handler) {
            handler(err, vm, info); 
        }
    }
 }
// 针对react项目的错误上报
 function errorBoundary(err) {
    if (__webEyeSDK__.react) return;
    __webEyeSDK__.react = true;
    // TODO 上报错误ee
 }

 export default {
    install,
    errorBoundary
 }


http://www.kler.cn/a/289235.html

相关文章:

  • LeetCode题解:5.最长回文子串【Python题解超详细,中心拓展、动态规划、暴力解法】
  • 前端js用canvas合成图片并转file对象
  • 机器学习【激活函数】
  • change buffer:到底应该选择普通索引还是唯一索引
  • makefile 设置动态库路径参数
  • Linux网络——网络初识
  • ​yum安装/更新时报错:SyntaxError: invalid syntax​
  • 全局网络代理的使用与选择
  • css的position定位的属性
  • 【Java那些事】关于Git的使用
  • Datawhale X 李宏毅苹果书 AI夏令营|机器学习基础之案例学习
  • Vue -- 总结 02
  • adb大全指令(持续更新)
  • 动态住宅IP代理的搭建指南:实现高效网络访问
  • 数据访问:JPA关联MyBatis
  • Elasticsearch的Restful风格API
  • 达梦常用SQL及脚本工具
  • 哈希 详解
  • echart自适应tree树图,结构组织图模板
  • 国赛数模C题模型(五)
  • 将泛型和函数式编程结合,竟然会让代码这么优雅!
  • (一)、软硬件全开源智能手表,与手机互联,标配多表盘,功能丰富(ZSWatch-Zephyr)
  • 大数据系列之:OutOfMemoryError: unable to create new native thread
  • 简单好用的SD卡克隆软件:轻松克隆SD卡
  • 路径优化 minimum-snap(对A*的全局路径进行优化)
  • 使用Python写一个适用于Dify和FastGPT的JsonPath插件