前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >nginx代理grafana实现javascript调用 HTTP API

nginx代理grafana实现javascript调用 HTTP API

作者头像
拿我格子衫来
发布2022-01-24 16:38:29
9320
发布2022-01-24 16:38:29
举报
文章被收录于专栏:TopFETopFE

nginx代理grafana实现javascript调用 HTTP API

Nginx 配置

代码语言:javascript
复制
        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)文件中 修改为

代码语言:javascript
复制
root_url = %(protocol)s://%(domain)s:%(http_port)s/grafana/

js调用

代码语言:javascript
复制
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);
  });

结果

本文参与?腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客?前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与?腾讯云自媒体同步曝光计划? ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • nginx代理grafana实现javascript调用 HTTP API
    • Nginx 配置
      • 配置Grafana
        • js调用
        相关产品与服务
        Grafana 服务
        Grafana 服务(TencentCloud Managed Service for Grafana,TCMG)是腾讯云基于社区广受欢迎的开源可视化项目 Grafana ,并与 Grafana Lab 合作开发的托管服务。TCMG 为您提供安全、免运维 Grafana 的能力,内建腾讯云多种数据源插件,如 Prometheus 监控服务、容器服务、日志服务 、Graphite 和 InfluxDB 等,最终实现数据的统一可视化。
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
        http://www.vxiaotou.com