website/CLOUDFLARE_FIX.md

网站空白页面问题修复指南

问题诊断

您的网站已成功部署在服务器上，但通过 https://www.omniverseai.net 访问时看到空白页面。

经过检查：

• ✅ 服务器正常运行
• ✅ HTML 文件正确返回
• ✅ JS/CSS 资源文件可以正常访问
• ⚠️ 问题原因：Cloudflare CDN 缓存

解决方案

方案一：清除 Cloudflare 缓存（推荐）

1. 登录 Cloudflare 控制台：https://dash.cloudflare.com
2. 选择域名 omniverseai.net
3. 进入 "缓存" (Caching) 菜单
4. 点击 "清除所有文件" (Purge Everything)
5. 确认清除
6. 等待 30 秒后，刷新浏览器（按 Ctrl+Shift+R 强制刷新）

方案二：临时禁用 Cloudflare 代理

如果清除缓存后仍有问题，可以临时禁用 Cloudflare：

1. 登录 Cloudflare 控制台
2. 进入 DNS 设置
3. 找到 www 和 @ 记录
4. 点击橙色云图标，将其变为灰色（DNS Only 模式）
5. 等待 DNS 传播（约 5-10 分钟）
6. 刷新浏览器测试

方案三：配置 Cloudflare 缓存规则

为了避免未来出现类似问题：

1. 进入 Cloudflare 的 "规则" (Rules) → "页面规则" (Page Rules)
2. 创建新规则：
   • URL: www.omniverseai.net/*
   • 设置：
     • 缓存级别：Standard
     • Browser Cache TTL: 4 hours
     • Always Online: ON
3. 保存规则

验证步骤

1. 打开浏览器开发者工具（F12）
2. 切换到 "Console" 标签
3. 访问 https://www.omniverseai.net
4. 检查是否有错误信息
5. 切换到 "Network" 标签
6. 确认 JS 和 CSS 文件是否成功加载（状态码 200）

本地测试（绕过 Cloudflare）

如果需要直接测试服务器（绕过 Cloudflare）：

# 在您的本地计算机添加 hosts 文件
# Windows: C:\Windows\System32\drivers\etc\hosts
# Mac/Linux: /etc/hosts

154.38.168.199 www.omniverseai.net

然后访问 http://www.omniverseai.net（注意是 HTTP）

检查 Cloudflare SSL 设置

确保 Cloudflare SSL/TLS 设置正确：

1. 进入 SSL/TLS 设置
2. 加密模式应设置为：
   • Flexible（如果服务器只有 HTTP）
   • Full（如果服务器有自签名证书）
   • Full (strict)（如果服务器有有效的 SSL 证书）

当前服务器配置：仅 HTTP，因此建议使用 Flexible 模式

技术细节

• 服务器 IP: 154.38.168.199
• HTTP 端口: 80
• HTTPS 端口: 443（通过 Cloudflare 代理）
• 容器状态: 所有服务正常运行

需要帮助？

如果以上方法都不能解决问题，请提供：

1. 浏览器控制台的错误截图
2. Network 标签的资源加载状态
3. 当前的 Cloudflare SSL/TLS 设置模式