一般情况下都是通过重写js原生事件然后拿到错误信息，比如ajax请求，通过重写xhr、fetch事件来截取接口信息，所以我们需要优先编写一个易于重写事件的函数来复用。 所有的请求第三方库都是基于xhr、fetch二次封装的，所以只需要重写这两个事件就可以拿到所有的接口请求的信息…

1. 为什么用img的src做请求的发送，sendBeacon又是什么？ 2. 埋点监控系统负责处理哪些问题，需要怎么设计api？ 3. 在react、vue的错误边界中要怎么处理？

开始正文前先介绍一下相关概念，熟悉的读者可以略过。 前端埋点：一种收集产品数据的方式，它的目的是上报相关行为数据，相关人员以数据为依据来分析产品在用户端的使用情况，根据分析出来的结果辅助产品优化、迭代。 BI：商业智能，公司内部做数据分析相关的部门。 平时我们在完成基础的业务需…

在开始正文之前，我们先想想为什么需要埋点&监控？ 当我们在分析复盘一个产品是否成功的时候，不同的角色考虑的方向是不同的。