grafana嵌入iframe,去除菜单和上方工具条
2024-10-21 09:53:36
1.首先修改grafana的配置:etc/grafana/grafana.ini,修改下面这两个配置为true
2.由于项目使用了nginx,要启用https,需要修改下面这几个配置:(不需要启用https的可以跳过这一步)
使用nginx代理需要设置allowed-origins,否则websoket连接会报400
nginx配置文件中增加grafana的配置:
nginx必须增加/grafana/api/live/ws的配置,否则websoket连接会报400
3.html文件中增加iframe:
<iframe id="grafanaIframe" src="https://127.0.0.1:3000/grafana/d/ySz1PSF7k/influxdb-internals?orgId=1&from=1619857983343&to=1619857983343&theme=light&kiosk" height="800" width="1800"></iframe>
其中theme=light指主题颜色使用light,kiosk是隐藏左侧菜单、上方工具条
4.vue.config.js配置代理:(用于匿名登录)
注意:iframe中src链接可以到grafana中获取
最新文章
- FormatMessage与GetLastError配合使用,排查windows api调用过程中的错误
- 安装Hadoop系列 — 导入Hadoop源码项目
- linux端口转发
- java 线程及synchronized关键字
- Java中处理二进制移位
- DataTable筛选某列最大值
- 寒假小软件开发记录06--apk生成
- elasticsearch 摘要
- JAVA 集合操作总结
- RxSwift学习笔记9:amb/tabkeWhile/tabkeUntil/skipWhile/skipUntil
- Java IO流学习总结七:Commons IO 2.5-FileUtils
- 网关局域网通信协议V2.0
- Kubernetes的Cron Job
- DockManager如何停靠 z
- urllib的使用
- centos7 安装rabbitmq3.4.1-1
- 谈谈Spring 注入properties文件总结
- 【blockly教程】第六章 Blockly的进阶
- shell 文件个数 vs 文件夹个数
- PAT1017
热门文章
- C# 正则表达式常用的符号和模式解析
- 【转载】【Word】项目编号应用样式后出现黑框的解决方案
- asp前端无法获取后端中select *查询带出来的全部字段
- [深度学习] Pytorch模型转换为onnx模型笔记
- C#应用程序配置文件(XML序列化) - 开源研究系列文章
- 一站式云原生体验|龙蜥云原生ACNS + Rainbond
- python之路44 jQuery语法应用 与Bootstrap框架
- python之路22 hashlib、subprocess、logging模块
- 在 NGINX 中根据用户真实 IP 进行限制
- 1、Spring源码环境搭建