nginx代理grafana实现javascript调用 HTTP API

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

结果