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中获取

最新文章

  1. FormatMessage与GetLastError配合使用,排查windows api调用过程中的错误
  2. 安装Hadoop系列 — 导入Hadoop源码项目
  3. linux端口转发
  4. java 线程及synchronized关键字
  5. Java中处理二进制移位
  6. DataTable筛选某列最大值
  7. 寒假小软件开发记录06--apk生成
  8. elasticsearch 摘要
  9. JAVA 集合操作总结
  10. RxSwift学习笔记9:amb/tabkeWhile/tabkeUntil/skipWhile/skipUntil
  11. Java IO流学习总结七:Commons IO 2.5-FileUtils
  12. 网关局域网通信协议V2.0
  13. Kubernetes的Cron Job
  14. DockManager如何停靠 z
  15. urllib的使用
  16. centos7 安装rabbitmq3.4.1-1
  17. 谈谈Spring 注入properties文件总结
  18. 【blockly教程】第六章 Blockly的进阶
  19. shell 文件个数 vs 文件夹个数
  20. PAT1017

热门文章

  1. C# 正则表达式常用的符号和模式解析
  2. 【转载】【Word】项目编号应用样式后出现黑框的解决方案
  3. asp前端无法获取后端中select *查询带出来的全部字段
  4. [深度学习] Pytorch模型转换为onnx模型笔记
  5. C#应用程序配置文件(XML序列化) - 开源研究系列文章
  6. 一站式云原生体验|龙蜥云原生ACNS + Rainbond
  7. python之路44 jQuery语法应用 与Bootstrap框架
  8. python之路22 hashlib、subprocess、logging模块
  9. 在 NGINX 中根据用户真实 IP 进行限制
  10. 1、Spring源码环境搭建