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

使用 Git 无法正常向 GitHub Push Commits

作为开发人员,我们经常使用 Git 向 GitHub 提交和拉取代码,但有时提交代码一直提示 Failed to connect to github.com port 443 after ××××× ms: Couldn't connect to server 导致一直提示提交错误。

解决方法

获取 Windows 当前代理端口号

Windows:设置-网络和 Internet -代理- 手动设置代理(不同系统版本之间大同小异)

点击“编辑”按钮后,查看当前显示的“端口”号并记住它。

为 Git 配置代理

git config --global http.proxy http://127.0.0.1:端口号
git config --global https.proxy http://127.0.0.1:端口号

上面两条代码都需要执行,且需要用到设备代理页面中显示的端口。如果不需要修改全局 Git 配置则 --global 可不写,这样只修改当前项目的 Git 配置。

为 Git 配置取消代理

git config --global --unset http.proxy
git config --global --unset https.proxy

如果上述配置代理不生效未能解决问题,可使用这两条语句取消代理。