使用 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;
}
这样再次执行代码安装检查,就会显示代码安装正确了。