Getting null websocket error in browser console

Grafana Configuration
1
  • What Grafana version and what operating system are you using?
    Grafana version = 8.3.4

Trying to load grafana in iframe with auth proxy

  • How are you trying to achieve it?
  1. I have enabled the auth proxy in grafana conf
  2. I have a proxy that authenticates a user and forwards the request
  3. I am using axios get in which I pass my auth headers, I receive a response as an HTML which i try to load in my iframe using srcDoc
  4. js and CSS loads which I can see in my network log

I get following error in the browser console
angular.js:15697 DOMException: Failed to construct ‘WebSocket’: The URL ‘null/grafana/api/live/ws’ is invalid.
at f.value (http://localhost:8080/grafana/public/build/5105.1322a38d8e955d3d27e7.js:2:1977487)

  • What did you expect to happen?
    it should have my host name in place of null

#################################### Server ##############################
protocol = http
http_port = 3002
domain = localhost
root_url = %(protocol)s://%(domain)s:%(http_port)s/grafana
serve_from_sub_path = true

[auth.proxy]
enabled = true
header_name = X-WEBAUTH-USER
header_property = username
auto_sign_up = true

Deprecated, use sync_ttl instead

ldap_sync_ttl = 60
sync_ttl = 60
whitelist =
headers =
enable_login_token = true