如何在grafana中显示带有反向代理的仪表板

Question

当我使用 angular4 客户端发送仪表板内容请求时，我已经将 grafana 置于 nginx 的反向代理之后：

   let headers = new HttpHeaders({"Authorization": 'Bearer eyJrIjoia3FFZGFRcjU2WmY3c1doNE1FS0h4NlpMVXdTU2haQTEiLCJuIjoidGVzdCIsImlkIjoxfQ=='});
this.http.get("http://172.16.0.44/d/Zadt1Tgiz/test?orgId=1&from=1510888599469&to=1512033399469&kiosk",
{headers:headers,responseType:'text'}).subscribe(
  res =>{
    document.getElementById("dash").innerHTML=res;
  },
  error=>{
    console.error(error);
  }
)

然后"dash"区显示如下： dash area

js文件或css文件加载不正确，是从本地主机加载的，不是从grafana服务器加载的。

如何让js和css从grafana服务器加载？

Answer 1

您应该阅读 documentation。有详细的设置说明，包括 nginx。

如何在grafana中显示带有反向代理的仪表板

how to show dashboard with reverse proxy in grafana

nginx

grafana