溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
申請百度統計后，會得到一段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.js?xxxx";
hm.id = "baidu_tj"
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
},0);
} );
總結
以上所述是小編給大家介紹的vue單頁應用加百度統計代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對億速云網站的支持！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
