nginx代理grafana实现javascript调用 HTTP API

柔光的暖阳◎ 2022-12-02 00:43 92阅读 0赞

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

结果

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dpdGh1Yl8zNTYzMTU0MA_size_16_color_FFFFFF_t_70][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dpdGh1Yl8zNTYzMTU0MA_size_16_color_FFFFFF_t_70]: /images/20221123/03a5084880924f4fbbbb937286977422.png

发表评论取消回复

表情：

评论列表（有 0 条评论，92人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript调用MealDB API

index.html <!DOCTYPE html> <html lang="en"> <head> <meta chars

迷南。/ 2023年10月01日 16:15/ 0 赞/ 2 阅读

相关【Nginx】Nginx 实现反向代理

反向代理反向代理服务器存在于服务器端，通过缓冲经常被请求的页面来缓解服务器的压力，将客户端的请求转发给内部的目标服务器；并将从服务器上得到的结果返回给客户端，此时代理服

谁践踏了优雅/ 2023年02月17日 11:21/ 0 赞/ 60 阅读

相关 Nginx 配置代理https

方式1，http和https同时监听，自动跳转https； server { listen 80; listen

本是古典何须时尚/ 2022年12月15日 11:25/ 0 赞/ 156 阅读

相关 nginx代理grafana实现javascript调用 HTTP API

nginx代理grafana实现javascript调用 HTTP API Nginx 配置 location / {

柔光的暖阳◎/ 2022年12月02日 00:43/ 0 赞/ 93 阅读

相关 nginx 无证书情况http代理https

nginx 无证书情况http代理https 方案一：rewrite 重定向 location /faceAuth { rewrite "

谁践踏了优雅/ 2022年10月28日 10:11/ 0 赞/ 283 阅读

相关 Nginx实现https反向代理配置

无意中发现了一个巨牛的人工智能教程，忍不住分享一下给大家。教程不仅是零基础，通俗易懂，而且非常风趣幽默，像看小说一样！觉得太牛了，所以分享给大家。[点这里可以跳转到教程][Li

太过爱你忘了你带给我的痛/ 2022年05月23日 07:54/ 0 赞/ 297 阅读

相关 Nginx实现HTTP反向代理配置

无意中发现了一个巨牛的人工智能教程，忍不住分享一下给大家。教程不仅是零基础，通俗易懂，而且非常风趣幽默，像看小说一样！觉得太牛了，所以分享给大家。[点这里可以跳转到教程][Li

旧城等待，/ 2022年05月23日 02:39/ 0 赞/ 507 阅读

相关 nginx代理http和https配置

1.nginx-1.11.4-2\\conf下放置配置文件： mrtao.top.crt mrtao.top.key 2.nginx配置https代理

亦凉/ 2022年04月13日 02:26/ 0 赞/ 778 阅读

相关 nginx代理实现

需求：需要一个端口提供多个服务步骤: 1.搭建nginx服务 2.启动后端程序 3.配置nginx upstream.conf在最后面加 upstrea

喜欢ヅ旅行/ 2021年10月09日 07:34/ 0 赞/ 342 阅读

相关 nginx 反向代理配置 nginx配置https

nginx反向代理配置 nginx配置https 配置这个转发还是比较简单的，外加https访问，只需要自己获取到相关的SSL证书即可特别注意，需要先合并

Myth丶恋晨/ 2021年06月24日 15:58/ 0 赞/ 822 阅读