vue项目中使用百度统计代码

教你如何在vue项目中添加百度统计代码：
1、在index.html中添加以下代码：

<script>
var _hmt = _hmt || [];
window._hmt = _hmt; // 修改为window 全局变量
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?xxxxx"; //此处请替换你的站点id
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>

2、在beforeEach方法中添加以下代码，保证每个路由跳转时都将其跳转的路由推给百度：

router.beforeEach((to, from, next) => {
  if (window._hmt) {
    if (to.path) {
      window._hmt.push(['_trackPageview', '/#' + to.fullPath])
    }
  }
  next()；
})

3、打包发布一下，然后就可以看到每一个路由跳转都可以统计到了！

微信截图_20220613160246.png