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