Nuxt 3 引入百度统计

使用 Nuxt 开发的时候会有相应的统计需求,这个时候可能会选用百度统计。但百度统计给的代码过于繁琐,经过在网络上搜索了很多教程以后,发现其实只有一行代码很重要。

操作步骤

nuxt.config.ts 中插入以下代码:

app: {
  head: {
    script: [{ src: `https://hm.baidu.com/hm.js?xxxxxx` }],
  },
},

https://hm.baidu.com/hm.js? 后面的内容替换成百度统计内给出的代码即可添加成功。

出现的问题

referrer 被禁用

在刚开始测试代码安装的时候,百度统计内的代码检查提示:“referrer 被禁用”,通过搜索找到了对应的解决方法。

解决方法

因为我是用的是 nginx 作为反向代理器,所以添加以下加租代码:

server {
     # HTTPS的默认访问端口443。
     # 如果未在此处配置HTTPS的默认访问端口,可能会造成Nginx无法启动。
     listen 443 ssl;

     # ......其他设置

     # 设置 Referrer Policy
     add_header Referrer-Policy origin;

}

这样再次执行代码安装检查,就会显示代码安装正确了。

引用

网站百度统计referrer被禁用解决方案

nuxt 引入百度统计