申請(qǐng)百度統(tǒng)計(jì)后，會(huì)得到一段JS代碼，需要插入到每個(gè)網(wǎng)頁(yè)中去，在Vue.js項(xiàng)目首先想到的可能就是，把統(tǒng)計(jì)代碼插入到index.html入口文件中，這樣就全局插入，每個(gè)頁(yè)面就都有了;這樣做就涉及到一個(gè)問(wèn)題，Vue.js項(xiàng)目是單頁(yè)應(yīng)用，每次用戶瀏覽網(wǎng)站時(shí)，訪問(wèn)內(nèi)頁(yè)時(shí)頁(yè)面是不會(huì)刷新的，也就意味著不會(huì)觸發(fā)百度統(tǒng)計(jì)代碼；所以最終在百度統(tǒng)計(jì)后臺(tái)看到的效果就是只統(tǒng)計(jì)到了網(wǎng)頁(yè)入口的流量，卻無(wú)法統(tǒng)計(jì)到內(nèi)頁(yè)的訪問(wèn)流量。

解決方法

在main.js文件中調(diào)用vue-router的afterEach方法,將統(tǒng)計(jì)代碼加入到這個(gè)方法里面，這樣每次router發(fā)生改變的時(shí)候都會(huì)執(zhí)行一下統(tǒng)計(jì)代碼，這樣就達(dá)到了目的,代碼如下:

router.afterEach( ( to, from, next ) => {setTimeout(()=>{var _hmt = _hmt || [];(function() {//每次執(zhí)行前，先移除上次插入的代碼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); } );

轉(zhuǎn)載自：https://blog.jae.sh/article/v924mq.html

轉(zhuǎn)載于:https://www.cnblogs.com/beileixinqing/p/8392695.html

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來(lái)咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。