如何在grafana中使用反向代理显示仪表板

Question

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

   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);
  }
)

然后＆＃34;破折号＆＃34;区域显示如下： dash area

未正确加载js文件或css文件，该文件是从localhost加载的，而不是从grafana服务器加载的。

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

Answer 1

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