nginx代理grafana实现javascript调用 HTTP API

nginx代理grafana实现javascript调用 HTTP APINginx 配置location / {roothtml;indexindex.html index.htm;proxy_pass http://localhost:8080/;}location /grafana/ {roothtml;..

拿我格子衫来

3616人浏览 · 2020-08-28 14:19:54

拿我格子衫来 · 2020-08-28 14:19:54 发布

nginx代理grafana实现javascript调用 HTTP API

Nginx 配置

        location / {
            root   html;
            index  index.html index.htm;
            proxy_pass http://localhost:8080/;
        }

        location /grafana/ {
            root   html;
            index  index.html index.htm;            
            proxy_pass http://localhost:3000/;
            rewrite ^/grafana/(.*) /$1 break;
            proxy_set_header   Host $host;
        }

localhost:8080 为前端服务

localhost:3000 为granfan服务

统一代理到localhost下。

配置Grafana

在grafana.ini （window上是defaults.ini）文件中修改为

root_url = %(protocol)s://%(domain)s:%(http_port)s/grafana/

js调用

axios
  .request({
    url: "http://localhost/grafana/api/search",
    method: "get",
    headers: {
      Accept: "application/json",
      "Content-Type": "application/json",
      Authorization:
        "Bearer eyJrIjoiZ1BkdjFuVWhpVFJYVDFnNlI4aWVkNjloM3hGSDRUbXkiLCJuIjoidGVzdCIsImlkIjoxfQ=="
    },
    params: { folderIds: 0, starred: false }
  })
  .then(res => {
    console.log(res);
  });

结果