首页 > 其他分享 >在自己页面中嵌入Grafana

在自己页面中嵌入Grafana

时间:2024-05-28 16:35:24浏览次数:21  
标签:嵌入 grafana 修改 ini Grafana 页面

在自己页面中嵌入grafana:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Embed Grafana</title>
</head>
<body>
    <iframe src="http://192.168.30.242:3000/d/da039788-c3b8-42bf-9a81-e17a6d5283dd/3-4?orgId=1&refresh=10s&kiosk" width="100%" height="600"></iframe>
</body>
</html>

默认情况下会显示不出来,会报错:

chromewebdata/:1  Refused to display 'http://192.168.30.242:3000/' in a frame because it set 'X-Frame-Options' to 'deny'.

这时候需要修改grafana的配置:

第一个是  /etc/grafana/grafana.ini 修改 allow_embedding = true

第二个是 /usr/share/grafana/conf/defaults.ini 修改 allow_embedding = true

 

网上绝大多数都是只要改第一个文件就好了,极个别需要修改第二个文件才生效。

本文参考自:https://github.com/grafana/grafana/issues/52364 

 

标签:嵌入,grafana,修改,ini,Grafana,页面
From: https://www.cnblogs.com/crazyghostvon/p/18218325/embedgrafana

相关文章

  • 【SCAU操作系统】实验二页面置换算法的模拟实现及命中率对比python源代码及实验报告参
    一、课程设计目的通过请求页式管理方式中页面置换算法的模拟设计,了解虚拟存储技术的特点,掌握请求页式存储管理中的页面置换算法。二、课程设计内容模拟实现OPT(最佳置换)、FIFO和LRU算法,并计算缺页率。三、要求及提示1、首先用随机数生成函数......
  • HTTP的系统登录页面,如何避免明文传输用户密码?
    系统登录页面,作为开发人员,应该没有陌生的吧。就像下面这样子。 点击登录,调用/login接口。来看下面截图中的载荷(payload)数据,其中,密码password的值是明文。 如果你的站点使用的是HTTPS协议,配置了有效的SSL证书,那将很好。HTTPS通过SSL/TLS协议建立安全的加密通信通道,确保......
  • 仿猫眼电影购票页面
    实现效果首先是最上面流程线的布局,用到了bootstrap,使用前先引入bootstrap<!--流程线--><divclass="container"id="app"> <divclass="order-progress-bar"> <divclass="stepfirstdone"> <spanclass="step-n......
  • 动态渲染之vue页面向组件间传值
    ==Vue页面文件==//vue文件引入组件importceliangjulifrom"@/components/Map/celiangjuli.vue";//使用组件key:celiangMethod(任意名)<celiangjuli:celiangMethod="celiangMethod"></celiangjuli>////定义初始化valueletceliangMethod=ref();//......
  • React后台管理(十二)-- 页面常用hook封装 --- useSearch搜索封装
    文章目录前言一、useSearch自定义hook封装1.核心代码(1)hook文件代码+详细注释(2)使用到的store说明(3)使用到的config文件代码(4)使用到的白名单pageWhite文件代码2.使用方式(1)layout布局组件->监听并记录路由(2)搜索按钮组件->记录列表搜索的动作类型:搜索|重置(3)分页组件->记......
  • ios系统上h5页面播放audio标签声音有延迟问题处理
    原文链接https://www.cnblogs.com/yalong/p/18214816背景app内嵌了一个H5页面,页面有个需求是点击某些按钮就触发声音,于是就使用了audio标签,但是有个问题就是在ios上,点击声音会有短时间的延迟,然后才播放声音找了好几种方案总算解决了方案一click事件改为mouseup事件因为移动......
  • 痞子衡嵌入式:不同J-Link版本对于i.MXRT1170连接复位后处理行为有所不同
    大家好,我是痞子衡,是正经搞技术的痞子。今天痞子衡给大家介绍的是不同J-Link版本对于i.MXRT1170连接复位后处理行为。痞子衡之前写过一篇旧文《i.MXRT1170上用J-Link连接复位后PC总是停在0x223104的原因》,这篇文章详细解释了RT1170BootROM代码里软件实现的DebugMai......
  • 【python】自动化登录学习通页面-多表单切换
    fromseleniumimportwebdriverfromselenium.webdriver.common.byimportByfromselenium.common.exceptionsimportStaleElementReferenceExceptionfromselenium.webdriver.support.uiimportWebDriverWaitfromselenium.webdriver.supportimportexpected_cond......
  • react解决电脑分辨率及缩放导致页面变形的问题
    此处借鉴Vue3解决电脑分辨率及缩放导致页面变形的问题-CSDN博客:新建devicePixelRatio.js:/***@description校正windows页面在系统进行缩放后导致页面被放大的问题,通常放大比例是125%、150%***/classDevicePixelRatio{ constructor(){ } //获取系统类型 _get......
  • 嵌入式进阶——I2C总线
    ......