Vue项目引入百度统计的正确操作步骤,亲测有效!

1、平台获取统计代码

2、在head和body中分别添加以下代码
head:

javascript 复制代码
  <script>
    var _hmt = _hmt || [];
  </script>

body:

javascript 复制代码
  <script>
    var _hmt = _hmt || [];
    (function () {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?476f388f2f9379b40dd120383cf08647";
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(hm, s);
    })();
  </script>

3、在main.js中添加以下代码

javascript 复制代码
// 加入百度统计
router.beforeEach((to, from, next) => {
  if (to.path) {
    if (window._hmt) {
      window._hmt.push(['_trackPageview', '/#' + to.fullPath])
    }
  }
  next()
})

重新build构建部署到服务器上并重启nginx即可,回到百度统计页面代码安装成功!

相关推荐
脾气有点小暴1 分钟前
CSS position 属性
前端·css
询问QQ:2769988520 分钟前
基于Skyhook和地棚控制的半主动悬架模型——详细解读1/4车辆平顺性评价指标及MATLAB...
vue.js
ohyeah20 分钟前
用原生 JS 手写一个“就地编辑”组件:EditInPlace 的 OOP 实践
前端·javascript
毕设源码-邱学长26 分钟前
【开题答辩全过程】以 基于JavaScript的图书销售网站为例,包含答辩的问题和答案
开发语言·javascript·ecmascript
timeweaver27 分钟前
React Server Components 的致命漏洞CVE-2025-55182
前端·安全
重铸码农荣光29 分钟前
深入理解 JavaScript 中的 this:一场关于作用域、调用方式与设计哲学的思辨
前端·javascript
新晨43730 分钟前
跨域是服务器拒绝请求还是浏览器去拒绝的请求?
前端·浏览器
珑墨35 分钟前
【包管理器】pnpm、npm、cnpm、yarn 深度对比
前端·javascript·npm·node.js
草字42 分钟前
uniapp 滚动到表单的某个位置,表单验证失败时。
前端·javascript·uni-app
学到头秃的suhian43 分钟前
Spring使用三级缓存解决循环依赖问题
前端·spring·缓存