Raspberry Pi 4显示服务器HTML Frames问题：Grafana无法在Firefox加载求助

问题背景 #

基于树莓派4搭建显示服务器，需用HTML Frames在同一屏幕同时展示：

• HTTPS协议的PRTG监控面板（加载正常）
• 原HTTP、后已切换为HTTPS的Grafana仪表板（Firefox报错“无法打开此页面”）

已尝试操作：

• 在Grafana和Apache服务器中配置X-Frames相关选项
• 为Grafana配置SSL证书，切换至HTTPS协议

排查与解决步骤 #

1. 彻底排查混合内容拦截

Firefox默认严格拦截HTTPS页面嵌入HTTP资源的混合内容，哪怕已将Grafana切换为HTTPS，需确认：

• 直接访问Grafana的HTTPS链接，地址栏显示安全锁标，无证书警告，确认HTTPS配置完全生效
• 检查HTML Frames代码中，Grafana的链接是否已100%替换为HTTPS，无残留HTTP路径

2. 验证X-Frame-Options/Content-Security-Policy配置

Grafana端配置

编辑grafana.ini（通常路径/etc/grafana/grafana.ini）：

[security]
allow_embedding = true
frame_origin = *  # 可更改为显示服务器的IP/域名，比如http://192.168.1.100
[cors]
enabled = true
allow_origins = *  # 同上，指定来源更安全

重启Grafana服务：

sudo systemctl restart grafana-server

Apache端配置

若显示服务器页面由Apache托管，在站点配置文件（如/etc/apache2/sites-available/your-site.conf）中添加：

# 允许嵌入
Header always set X-Frame-Options "ALLOWALL"
# 用Content-Security-Policy做更精细控制（推荐）
Header always set Content-Security-Policy "frame-src 'self' https://your-prtg-url https://your-grafana-url;"

重启Apache：

sudo systemctl restart apache2

3. 检查Firefox站点权限

打开显示服务器页面，点击地址栏的安全锁 → 「权限」→ 确认「允许嵌入其他网站」处于开启状态；同时检查Grafana站点的权限是否被限制。

4. 验证Frames代码正确性

确保代码无语法错误，示例：

<!DOCTYPE html>
<html>
<frameset cols="50%,50%">
  <frame src="https://your-prtg-full-url" name="prtg-panel">
  <frame src="https://your-grafana-full-url" name="grafana-dashboard">
</frameset>
</html>

注意：必须使用完整的HTTPS绝对路径，避免相对路径或不完整URL。

内容的提问来源于stack exchange，提问作者Clement_Immotic