一个简单的前端埋点示例（以react项目为示例）

前言：这是一个简单的前端埋点的示例 这里我们埋点上报的信息为页面的名称和对应的路由。

1.首先我们看一下样板项目的内容：

将这些页面信息使用TypeScript的枚举类型定义：

2.提取所需要的页面对应的路由中的信息项

3.在项目中每个页面中调用2中自定义的参数提取方法进行埋点上报（这里模拟是调用固定接口进行上报 读者需要根据自身开发的实际场景有所斟酌）