标签：请求 onerror 捕获 接口 window 监控 异常 前端

1.异常分类，大致可以分为以下三类

　运行时异常：如使用接口未返回的数据、数组下标取值不存在的情况

　静态资源加载异常：如图片、css等文件加载错误

　异步请求错误：promise请求接口未做catch处理

2.异常捕获

　运行时异常捕获：window.onerror = function(message,source,line,colno,error) {} ,只要是js运行错误都会触发onerror

　静态资源加载异常捕获：这类异常不能通过window.onerror捕获到，但是可以通过window.addEventListener("error",(e)=>{},false)捕获，需要强调的是第三个参数为true时也可以捕获运行时错误，第三个参数false表示事件冒泡模式（默认），true表示事件捕获模式

　异步请求错误：一般的promise请求都会写catch体，如果忘写了可以通过window.addEventListener("onhandledrejecte",(e)=> {})捕获所有的异步请求异常

3.异常监控

　通过以上分类，当捕获到异常时，调用异常上报接口实现异常监控。需要注意的是不同的异常对象信息并不一致，需要分析具体的异常信息上报给接口。

4.其它补充

　Vue项目异常监控：在mian.js中通过Vue.config.errorHandler捕获，可以拿到具体的this信息，基本能覆盖大多数场景。

标签：请求,onerror,捕获,接口,window,监控,异常,前端
来源： https://www.cnblogs.com/zifayin/p/15976513.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。