vue项目中添加百度统计

在main.js中添加代码

var _hmt = _hmt || [];
window._hmt = _hmt;
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?04962b76e102fb270c2bcb1dfb3bb5fd";
  var s = document.getElementsByTagName("script")[0];
  s.parentNode.insertBefore(hm, s);
})();

在全局的路由守卫中添加代码，每个页面的访问都会进行统计

if (_hmt) {
      if (to.path) {
          _hmt.push(['_trackPageview', '/#' + to.fullPath]);
      }
    }

阿里云日志

文档：https://www.aliyun.com/ss/?k=%E6%97%A5%E5%BF%97%E6%9C%8D%E5%8A%A1

登录阿里云找到日志服务进行开通
创建project的时候所选的域与阿里云服务器域一致（这里是为了能够使用内网进行日志的记录，不一致需要用公网，不如内网流畅稳定）
创建logstore进行日志的接入，这里以分隔符-文本日志为例
在进入配置过程中，出现机器组为空，执行失败等问题不要着急，可以多尝试几次，可能服务不稳定吧，我设置的是同一个域下的日志服务，不需要配置任何参数和安装，按照阿里云的配置文档一步一步的走

image.png

这里的配置之后是可以修改的，所以如果不知道选什么就先填上*，可以在下面的操作栏进行修改

image.png

日志上传

https://help.aliyun.com/document_detail/31752.html?spm=a2c4g.11186623.2.29.3af2729aSW441i

这里以js为例，首先需要在store中开启webTracking选项，可以通过控制台进行打开此选项

image.png
开启后需要在代码中进行日志的上传，这里我选用第2种方式，通过get请求进行上传
模拟请求：curl --request GET 'http:// ${project}.$ {host}/logstores/${logstore}/track?APIVersion=0.6.0&key1=val1&key2=val2'