前端监控
Liang Lyon
2022年12月07日 17:36 · 阅读 317
前端性能监控的 Aegis 的实例会自动进行 JS 执行错误、Promise 执行错误、Ajax(Fetch)请求异常等监控。本文将为您介绍各错误监控逻辑及处理方式。
注意Aegis 实例会对这些异常进行监控,当您只是引入了 SDK 而没有将其实例化时,Aegis 将不会上报数据。
JS执行错误
Aegis 通过监听 window
对象上的 onerror
事件来获取项目中的报错,并且通过解析错误和分析堆栈,将错误信息自动上报到后台服务中。该上报的上报等级为 error ,所以当自动上报的错误达到阈值时,Aegis 将会自动告警,帮助您尽早发现异常。由于上报等级为 error ,自动上报也将影响项目的评分。
- 如果页面上引入了跨域的 JS 脚本,需要给对应的
script
标签添加crossorigin
属性,否则 Aegis 将无法获取详细的错误信息。 - 如果用户使用的是 VUE 框架,请引入下列代码,获取错误并且主动上报。
Promise 执行错误
通过监听 unhandledrejection
事件,捕获到未被 catch
的 Promise 错误,为了页面的稳定性,建议您 catch
住所有的 Promise 错误。
Ajax(Fetch)请求异常
Aegis 将会改写 XMLHttpRequest
对象,监听每次接口请求,Aegis 认为以下情况是异常情况:
http status
大于等于 400- 请求超时,abort,跨域,cancel
- 请求结束时
http status
仍然是 0,通常发生于请求失败
注意:Aegis SDK 在错误发生的时候,不会主动收集接口请求参数和返回信息,如果需要对进口信息进行上报,可以使用 API 参数里面的 apiDetail 进行开启。
免责声明:本文来自部分自媒体和个人作者,不代表忆读网的观点和立场。
发表评论文明上网理性发言
发表
评论列表(0条)
快来留下您的看法~