Proxying & Making Grafana HTTPS

Hi All,

I am trying to add one of my Grafana graphs to my WordPress site however the iFrame does not load on the page and when i check the console through F12 i get this error “Mixed Content: The page at ‘https://domainname.co.uk’ was loaded over HTTPS, but requested an insecure frame ‘http://domainname.co.uk:3000’. This request has been blocked; the content must be served over HTTPS.”

I have a feeling this is to do with needing a proxy but how would i go about setting it up and also securing Grafana.

Any advise would be great?

Have you tried just changing your Grafana config to use https?

My installation is local so I just created a self-signed cert/key files, you may need something else if you are hosting on the web but:

In my case edit: /etc/grafana/grafana.ini

protocol = https
cert_file = /etc/ssl/certs/scg-selfsigned.crt
cert_key = /etc/ssl/private/scg-selfsigned.key

You can do this if you already use one of the proxies for your website or enable https in grafanna like codlord said.