文章目录
项目场景:
需求是:要将Grafana嵌入到Antd Pro的页面当中去。
问题描述:
用iframe标签嵌入Grafana的时候,将链接地址放到iframe 里面,但是无法直接不能访问。
会出现下面问题,显示IP拒绝了我们的连接请求。172.17.0.1 in a frame because it set ‘X-Frame-Options’ to ‘deny’。同时需要解决Grafana匿名登录问题和大盘展示时候的边框问题。
172.17.0.1为虚拟机的地址;
解决方案:
字段 | 允许页功能嵌入 |
---|---|
allow_embedding | 允许页面嵌入 |
auth.anonymous | 开启匿名登录 |
kiosk | 去除边框 |
1. 开启allow_embedding 允许页面嵌入
Grafana提供了嵌入的方法,但在默认情况下选项是false关闭的,需要自己将对应的选项设置为true。
具体方法:在docker中进入Grafana容器,进入conf文件夹,找到default.ini
文件,然后修改allow_embedding标签为true。
具体代码修改位置如下:
2. 开启auth.anonymous 允许匿名登录
设置匿名登录,方便展示。同样去配置文件中,找到[auth.anonymous]
,将下面的enabled
设置为 true
。同时将前面的#
去掉。
3. 去除Grafana边框 kiosk
kiosk去除全部边框:
http://172.17.0.1:3000/d/UDdpyzz7z/prometheus-2-0-stats?orgId=1&refresh=1m&kiosk
kiosk=tv去除左侧功能栏,顶部不去除。
http://172.17.0.1:3000/d/UDdpyzz7z/prometheus-2-0-stats?orgId=1&refresh=1m&kiosk=tv