使用 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 引入百度统计

Nuxt 3 引入百度统计最先出现在booop。