1、使用 express 搭建静态服务器,模拟线上环境,通过获取.map 文件,实现定位源码的功能
2、server.js 中实现了 reportData(错误上报)、getmap(获取 map 文件)、getRecordScreenId(获取录屏信息)、 getErrorList(获取错误列表)的接口
3、用户可点击 'js 报错'、'异步报错'、'promise 错误' 按钮,上报对应的代码错误,后台实现代码错误还原
4、点击 'xhr 请求报错'、'fetch 请求报错' 按钮,上报接口报错信息
5、点击 '加载资源报错' 按钮,上报对应的资源报错信息
通过对这些错误的捕获与处理,了解监控平台的整体流程
注意:定位源码功能读取的是打包后 dist 中的.map 文件,打开控制台可以看到 fileName 的打印(对应的.map 文件路径)
$ pnpm install
$ pnpm run start
浏览器输入 http://localhost:8083
后台页面
演示效果