小程序使用web-view 修改顶部标题 && 安全认证文件部署在nginx

[小程序使用web-view 修改顶部标题](#小程序使用web-view 修改顶部标题)

Nginx代理配置微信小程序校验文件

[使用 ps 命令查看 Nginx 进程](#使用 ps 命令查看 Nginx 进程)

[配置nginx 代理](#配置nginx 代理)

[使用 nginx -t 命令](#使用 nginx -t 命令)

重启nginx

小程序使用web-view 修改顶部标题

关于小程序使用web-view嵌入h5后，想要通过h5跳转路由后小程序的顶部标题也随之改变，可以通过以下做法：

1.第一步在每个路由中添加title信息

第二步：在路由跳转时通过 window.document.title 来修改网页的title值。

小程序中使用web-view后，会强制显示一个顶部区域，无法隐藏，且这个头部的标题会根据h5的title来显示

可以在浏览器中切换路由来验证h5的页面的title是否会变化

没问题后，通过小程序开发工具中的真机调试就可以看到效果了，当h5切换路由后，小程序的头部标题也会跟随改变

注意：在小程序开发工具中直接测试是不行的，只有第一次是生效的，后续再改变title的时候，貌似是检测不到的，所以需要使用真机调试来查看，

Nginx代理配置微信小程序校验文件

1、nginx目录下新建wx-sercret文件夹（如：/home/view/nginx/wx-sercret）;

2、放置小程序校验文件到该文件夹下（如：小程序校验文件为kjiysads8h.txt）；

3、打开nginx.conf，在service块下添加转发路径：

使用 `ps` 命令查看 Nginx 进程

复制代码

ps aux | grep nginx

如果 Nginx 是从特定目录启动的，你可能会在输出中看到配置路径，比如：

复制代码

root     31201  0.0  0.1  12345  6789 ?  Ss   14:47   0:00 nginx: master process /usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf

配置nginx 代理

复制代码

 location ^~ /DYY57jxZcU.txt {
     	autoindex on;
        root   /;

    }

参数	作用	语法/值	典型示例	注意事项
`autoindex`	开启目录列表（类似文件浏览器）	`on` 或 `off`	`nginx<br>location /files {<br> autoindex on;<br>}`	生产环境慎用，可能暴露敏感文件！需配合 `autoindex_exact_size` 和 `autoindex_localtime` 优化显示
`root`	定义请求的根目录路径（路径拼接规则：`root` + URI）	绝对路径	`nginx<br>location /static {<br> root /var/www;<br>}`	与 `alias` 区别：`alias` 是路径替换而非拼接（如 `location /img { alias /data; }` → `/img/1.jpg` 指向 `/data/1.jpg`）
`try_files`	按顺序检查文件是否存在，否则回退指定结果	`try_files file1 file2 ... fallback;`	`nginx<br>location / {<br> try_files $uri $uri/ /index.html;<br>}`	最后一个参数会触发内部重定向或返回状态码（如 `=404`）
`index`	指定目录的默认索引文件	文件名列表（空格分隔）	`nginx<br>location / {<br> index index.html index.php;<br>}`	仅在请求目录时生效，需配合 `root` 或 `alias` 使用
`proxy_pass`	反向代理到后端服务器	代理目标地址（可含协议、端口、URI）	`nginx<br>location /api {<br> proxy_pass http://backend:8080;<br>}`	若 `proxy_pass` 后带 URI（如 `http://backend:8080/`），请求路径会被替换
`proxy_set_header`	修改转发到后端的请求头	`proxy_set_header Header名值;`	`nginx<br>proxy_set_header Host $host;<br>proxy_set_header X-Real-IP $remote_addr;`	后端需信任这些头（如配置 `X-Forwarded-For` 避免 IP 伪造）

使用 `nginx -t` 命令

测试有没有格式错误

复制代码

 /usr/local/nginx/sbin/nginx -t

如果 Nginx 运行正常，它会输出类似：

复制代码

nginx: the configuration file /etc/nginx/nginx.conf syntax is ok
nginx: configuration file /etc/nginx/nginx.conf test is successful

重启nginx

复制代码

 /usr/local/nginx/sbin/nginx -s reload