小程序使用web-view 修改顶部标题 安全认证文件部署在nginx
目录
小程序使用web-view 修改顶部标题
Nginx代理配置微信小程序校验文件
使用 ps 命令查看 Nginx 进程
配置nginx 代理
使用 nginx -t 命令
重启nginx
小程序使用web-view 修改顶部标题
关于小程序使用web-view嵌入h5后,想要通过h5跳转路由后小程序的顶部标题也随之改变,可以通过以下做法:
1.第一步在每个路由中添加title信息
2. 第二步:在路由跳转时通过 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