申請百度統計后，會得到一段JS代碼，需要插入到每個網頁中去，在Vue.js項目首先想到的可能就是，把統計代碼插入到index.html入口文件中，這樣就全局插入，每個頁面就都有了;這樣做就涉及到一個問題，Vue.js項目是單頁應用，每次用戶瀏覽網站時，訪問內頁時頁面是不會刷新的，也就意味著不會觸發百度統計代碼；所以最終在百度統計后臺看到的效果就是只統計到了網頁入口的流量，卻無法統計到內頁的訪問流量。

解決方法

在main.js文件中調用vue-router的afterEach方法,將統計代碼加入到這個方法里面，這樣每次router發生改變的時候都會執行一下統計代碼，這樣就達到了目的,代碼如下:

router.afterEach( ( to, from, next ) => {setTimeout(()=>{var _hmt = _hmt || [];(function() {//每次執行前，先移除上次插入的代碼document.getElementById('baidu_tj') && document.getElementById('baidu_tj').remove();var hm = document.createElement("script");hm.src = "https://hm.baidu.com/hm.js?xxxx";hm.id = "baidu_tj"var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm, s);})();},0); } );

轉載自：https://blog.jae.sh/article/v924mq.html

轉載于:https://www.cnblogs.com/beileixinqing/p/8392695.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的vue加百度统计代码（亲测有效）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。