vue单页应用中根据不同城市不同业务添加百度统计代码

问题描述：

我们知道一般的百度统计代码是添加在html的head里的；但是，因为目前项目是用vue开发的单页应用，所以在路由跳转之间不会刷新页面，

统计代码如果放在项目里的index.heml的head里，我们就只能统计到整个项目的入口流量，其它内页无法实现统计。而且目前项目需要根据

不同的业务和城市添加对应的统计代码；那么只能采取下面的方法：

 

实现方式：

1、封装一个全局变量文件，每个城市下面对应所有业务，每个业务对应一个方法里面放统计代码。

2、在项目入口文件里的methods内封装一个方法，方法内部根据当前页面的业务与城市，遍历全局变量里找出对应的统计代码；然后执行；

3、页面首次加载时调用该方法添加对应的统计代码：

 

4、当我们切换城市或者跳转路由时，url肯定会发生变化，所以我们需要监测url发成变化，再调用statisticsCode()   方法；我们就完成了城市或者业务变化添加对应的统计代码。