webpack EnvironmentPlugin 中添加 NAME_PROD 为工程名 alias 中添加 '@ubt': path.resolve("src/utils/ubt"),

APP.vue import {watchRouterUBT} from "@ubt/watchRouterUBT" import {addEventListenerUBT} from "@ubt/addEventListenerUBT" mounted(){ addEventListenerUBT.call(this); // 如果有页面动画 setTimeout(()=>{ addEventListenerUBT.call(this); },500) } updated() { addEventListenerUBT.call(this); // 如果有页面动画 setTimeout(()=>{ addEventListenerUBT.call(this); },500) }

routers.js router.beforeEach((to, from, next) => { watchRouterUBT(to,from) next() })

ubt>getUBTIDPage.js import { getUBTIDPageML } from "./getUBTIDPage/myloan"

function getUBTIDPage(to) { switch (process.env.NAME_PROD) { case "工程名": return getUBTIDPageML(to) } }

ubt>getUBTIDPage 创建属于自己工程的JS文件 let getUBTIDPageML = function (routerName,data) { switch (routerName) { case "工程路由名称": return '当前页面ID'; case "collateralLoan": return 'Q_WDDK_002'; } }

需要自动埋点的页面 例：

需要手动触发埋点的事件 import {submitUBT} from "@ubt/sendUBTData" submitUBT({ id:'Q_WDDK_001_001',//当前事件ID obj:{ k2:val2, k1:val1 } })

getGlobalData 获取公共字段

sendUBTData 发送数据的SDK 以及一些参数跟公共数据的合并