页面加载崩溃主因是HTTPS启用后协议、路径或资源策略在代理链中被破坏，需区分“启动失败”“资源404”“混合内容拦截”“大文件加载中断”四类问题：证书路径错误（BIO_new_file failed）、proxy_pass末尾缺/、硬编码HTTP资源触发Mixed Content、proxy_buffer_size过小导致大文件加载中断，对应修复包括用绝对路径配证书、加proxy_redirect与X-Forwarded-Proto头、设upgrade-insecure-requests CSP、调高缓冲区并启用HTTP/2。
页面加载崩溃不是前端代码出错，而是 HTTPS 启用后协议、路径或资源加载策略在代理链中被破坏，导致浏览器中断渲染或直接白屏。关键要分清是“启动失败”“资源 404”“混合内容拦截”还是“大文件加载中断”，每种对应不同配置层的问题。
检查证书与服务启动是否正常
Nginx 进程闪退或无法响应，往往卡在最底层：证书加载失败或端口冲突。
- 运行
nginx -t验证语法，重点看 error.log 中是否有BIO_new_file failed—— 这说明证书路径不对，Nginx 默认以工作目录（通常是/）为基准解析路径，建议全部改用绝对路径，例如/etc/nginx/ssl/fullchain.pem - 私钥权限必须为
600，且属主为 Nginx 运行用户（如nginx:nginx），否则读取失败会静默退出 - 执行
netstat -tuln | grep :443确认端口未被占用；若被占用，要么停掉冲突进程，要么临时改用listen 8443 ssl测试是否能启动
修复反向代理路径与重定向逻辑
后端返回的 302 重定向或 API 接口路径丢失前缀，会导致 JS 请求跳转到 HTTP 或错误路径，进而触发 CORS 或 404，最终页面卡死。
-
proxy_pass末尾必须加/，例如proxy_pass http://backend/;，否则/api/login会被拼成http://backend/api/login而非http://backend/api/login - 添加
proxy_redirect http:// https://;强制将后端返回的 HTTP Location 头升级为 HTTPS - 务必设置
proxy_set_header X-Forwarded-Proto $scheme;，让后端知道原始请求是 HTTPS，避免它自己生成 HTTP 重定向
阻止混合内容与资源加载中断
HTTPS 页面里硬编码了 http:// 的图片、JS 或 CSS，浏览器会直接拦截，控制台报 Mixed Content 错误，页面可能白屏或功能失效。
- 在 server 块中添加响应头：
add_header Content-Security-Policy "upgrade-insecure-requests; script-src 'self' https:; img-src 'self' data: https:;" always;，浏览器会自动把所有http://xxx改成https://xxx - 若使用大体积 JS/CSS（如 >500KB），检查
proxy_buffer_size和proxy_buffers是否足够，默认仅 32KB 缓冲区，HTTPS 加密开销更大，容易触发 206 Partial Content 导致加载中断；建议调高至：proxy_buffer_size 128k; proxy_buffers 16 128k; - 清除浏览器缓存再测试，旧的 CSP 或重定向响应可能被缓存，掩盖真实问题
适配移动端 WebView 与协议协商
App 内嵌 WebView 加载缓慢甚至无响应，常因 TLS 握手耗时长或 HTTP/2 未启用，表现为“假崩溃”——页面长时间空白、JS 不执行。
- 启用 HTTP/2：
listen 443 ssl http2;，并验证客户端是否协商成功（Chrome DevTools Network → Protocol 列是否为h2） - 开启会话复用：
ssl_session_cache shared:SSL:10m; ssl_session_timeout 10m;，减少重复握手开销 - 后端代理必须用
proxy_http_version 1.1;，否则默认 HTTP/1.0 会导致每个请求新建 TCP 连接，移动端感知明显卡顿
