请教一下大佬们，单页应用前端埋点方案。

[firhome]

请教一下各位使用 vue , react 项目的大佬们 你们用埋点什么样的方案？

我先说一下 我目前的方案。

日志埋点 直接看 服务器日志。

业务上的埋点：

在 单页应用 router 和 axios 请求的拦截器里，分别调用了埋点的方法


这样 router 当前地址我知道（包括 进入前 进入后的 router ）， 在当前 router 请求 哪些接口我也知道。

我通过这样的方法 拼接 出 a router 进入 brouter 请求了 xxx 接口。然后传递给埋点的服务器以此来记录一些统计数据。

不知道这样是否有什么问题？ 请问一下大家的方案呢？

没有采用绑定在 按钮上的方式， 是因为觉得 反正点按钮 无非是加载数据 or 跳转路由，我都能抓到 并且拼接出来。所以就直接在 router 和 axios 里做了拦截。

[wangyzj]

我也就知道 router before 和 after
axios 请求拦截
再就是 catch err 然后发回？
其他的等大佬来教学

[onfuns]

如果是页面访问这些，那就在 router 改变时将统计信息存在本地，如果不考虑兼容性可以存在 IndexedDB 里，然后定时去提交请求，避免频繁请求影响性能，浏览器端的各种错误信息也能通过这种方式存储。

[Zach369]

matomo 了解下... 还不错.