当前位置: 首页 > web >正文

小程序使用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 或 offnginx<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

http://www.xdnf.cn/news/8820.html

相关文章:

  • 疫情社区管理登记系统
  • 基于点标注的弱监督目标检测方法研究
  • springboot中拦截器配置使用
  • NeuralRecon技术详解:从单目视频中实现三维重建
  • 「OC」源码学习——KVO底层原理探究
  • 批量获取电商商品数据的解决方案|API接口自动化商品采集|item_get 接口详解
  • Vue.js教学第十五章:深入解析Webpack与Vue项目实战
  • 消息队列的使用
  • ClickHouse讲解
  • Qwen2.5 VL 自定义模型的回复数量
  • 基于文本挖掘与情感分析的B站《唐探1900》弹幕研究
  • Qt for Android 安卓低功耗蓝牙(BLE)开发环境搭建
  • 打卡day36
  • HUAWEI交换机配置镜像口验证(eNSP)
  • --legacy-peer-deps 是什么意思
  • 【不背八股】1.if __name__ == “__main__“ 有什么作用?
  • 【redis】redis和hiredis的基本使用
  • RabbitMQ 可靠性保障:消息确认与持久化机制(一)
  • day01
  • 算法打卡第六天
  • C++23 对部分特性的 constexpr 支持
  • 历年华南理工大学保研上机真题
  • 阿里千问系列:Qwen3技术报告解读(下)
  • 美团2025年校招笔试真题手撕教程(二)
  • 第一章 半导体基础知识
  • 腾讯云国际站可靠性测试
  • 13软件测试用例设计方法-场景法
  • UnLua源码分析(二)IUnLuaInterface
  • 并发编程(6)
  • Lua5.4.2常用API整理记录