vue中添加百度统计代码

百度统计可以让运营者更好的了解自己网站的运营情况，百度统计可以清晰的看到用户的访问数据，通过如何途径访问，搜索的关键词，访问页面的次数都有统计。
下面将自己的网站增加百度统计代码

注册账号

https://tongji.baidu.com/
首先去注册一个百度账号，登陆进来，将自己网站的域名添加进来。

点击管理查看添加的数据，点击获取代码，就可以获取一段代码，复制到自己的网站

放入代码

找到你的main.js，添加代码

router.afterEach(( to, from, next ) => {
    setTimeout(()=>{
          // 此处粘贴百度统计复制过来的代码
          var _hmt = _hmt || [];
          (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?************";
            var s = document.getElementsByTagName("script")[0]; 
            s.parentNode.insertBefore(hm, s);
        })();
    },0);
});

测试

将代码打包，发到线上，等待几分钟，会带百度统计后台，显示代码安装成功就可以了，就可以查看访问数据了。
F12检查可以看到以下代码

或者下载火狐浏览器，network下有hm.js?说明已安装

此文章记录，最近自己加百度统计的笔记，以便下次可以直接查看，有遇到相同问题的小伙伴可作为参考。有更好的意见欢迎讨论。