无法用石墨configurationgrafana

尝试通过nginx访问石墨（相同来源）。 只需添加新的位置

 location /render { proxy_pass http://xxx.xxx.xxx.xxx:8080/render; } 

然后在你的grafana配置文件中更改石墨url

尝试运行浏览器的“禁用网络安全”标志。

我能够通过将请求更改为GET而不是POST来解决此问题。 请参阅此问题以获取更多信息。 https://github.com/grafana/grafana/issues/345

我的数据来源最终看起来像

 datasources: { graphite: { type: 'graphite', url: window.location.protocol+"//"+window.location.hostname+":"+window.location.port+"/_graphite", default: true, render_method: 'GET' }, }, 

我还没有想出如何让我的石墨安装接受POST请求。 即使直接查询，我也可以确定CORS不是问题。

我想你需要启用石墨的 nginx配置中的CORS。请看http://enable-cors.org/server_nginx.html 。 以下是我使用此链接所做的配置：

（在我的情况下，grafana暴露在端口8100 ，石墨在端口8090 ;相应地适应（ 8100 – > 8090 – > 8080 ））。

 upstream django { # Distribute requests to servers based on client IP. This keeps load # balancing fair but consistent per-client. In this instance we're # only using one uWGSI worker anyway. ip_hash; server unix:/tmp/uwsgi.sock; } server { listen yourserverIp:8090; server_name yourserverName.com; access_log /var/log/nginx/graphite_access.log; error_log /var/log/nginx/graphite_error.log; charset utf-8; # Django admin media. location /media/admin/ { alias /usr/lib/python2.7/dist-packages/django/contrib/admin/media/; } # Static media. location /content/ { alias /opt/graphite/webapp/content/; } # Send all non-media requests to the Django server. location / { # CORS (for grafana) if ($http_origin ~* "^http://yourserverName.com:8100$") { set $cors "true"; } if ($request_method = 'OPTIONS') { set $cors "${cors}options"; } if ($request_method = 'GET') { set $cors "${cors}get"; } if ($request_method = 'POST') { set $cors "${cors}post"; } if ($cors = "trueoptions") { add_header 'Access-Control-Allow-Origin' "$http_origin"; add_header 'Access-Control-Allow-Credentials' 'true'; add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS'; add_header 'Access-Control-Allow-Headers' 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type'; add_header 'Access-Control-Max-Age' 1728000; add_header 'Content-Type' 'text/plain charset=UTF-8'; add_header 'Content-Length' 0; return 204; } if ($cors = "truepost") { add_header 'Access-Control-Allow-Origin' "$http_origin"; add_header 'Access-Control-Allow-Credentials' 'true'; add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS'; add_header 'Access-Control-Allow-Headers' 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type'; } if ($cors = "trueget") { add_header 'Access-Control-Allow-Origin' "$http_origin"; add_header 'Access-Control-Allow-Credentials' 'true'; add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS'; add_header 'Access-Control-Allow-Headers' 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type'; } uwsgi_pass django; include uwsgi_params; } } 

请注意，有趣的部分是你下面# CORS ，Django的东西可能对你没用。

为确保它是一个CORS问题，您需要检查浏览器发送的HTTP头; 如果有一个Origin标题，这意味着你必须使用CORS。

另一个尝试的方法是使用CORS代理，如果你不能编辑NGINX配置。 我用NPM软件包corsproxy来解决石墨CORS问题。

安装corsproxy包：

  mkdir graphiteProxy cd graphiteProxy npm install corsproxy echo "copy the version of http_proxy corsproxy depends on into" echo "your local node_modules" cp -r node_modules\corsproxy\node_modules\http-proxy node_modules\http_proxy touch app.js 

app.js：

 // point the grafana config.js to your local proxy: http://localhost:8081 var cors_proxy = require('corsproxy') var http_proxy = require('http-proxy') cors_proxy.options = { target : "http://{{graphiteserver}}:8080" } http_proxy.createserver(cors_proxy).listen(8081) 

运行代理：

 node app.js 

这是我用来承载grafana和代理石墨和elasticsearch的nginx配置文件。

  server { listen 81 default_server; server_name _; location / { root /src/grafana; index index.html; } location /graphite/ { proxy_pass http://127.0.0.1:8000/; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header X-Forwarded-Proto $scheme; proxy_set_header X-Forwarded-server $host; proxy_set_header X-Forwarded-Host $host; proxy_set_header Host $host; client_max_body_size 10m; client_body_buffer_size 128k; proxy_connect_timeout 90; proxy_send_timeout 90; proxy_read_timeout 90; proxy_buffer_size 4k; proxy_buffers 4 32k; proxy_busy_buffers_size 64k; proxy_temp_file_write_size 64k; } location /elasticsearch/ { proxy_pass http://127.0.0.1:9200/; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header X-Forwarded-Proto $scheme; proxy_set_header X-Forwarded-server $host; proxy_set_header X-Forwarded-Host $host; proxy_set_header Host $host; client_max_body_size 10m; client_body_buffer_size 128k; proxy_connect_timeout 90; proxy_send_timeout 90; proxy_read_timeout 90; proxy_buffer_size 4k; proxy_buffers 4 32k; proxy_busy_buffers_size 64k; proxy_temp_file_write_size 64k; } } 

我不确定OP是否已经解决了他们的问题，但是这里对我有用：

我把石墨和grafana放在同一个地方。 石墨存在于根和grafana内/ grafana /

这就解决了跨站脚本问题，而无需设置CORS：石墨和grafana在同一个网站上。

nginx网站配置：

 upstream graphite { server unix:///var/uwsgi/graphite-web.sock; } server { listen 8080; listen [::]:8080 ipv6only=on; root /usr/share/graphite-web/; server_name localhost; location /static { alias /usr/share/graphite-web/static; } location /grafana { alias /usr/share/graphite-web/grafana; } location / { uwsgi_pass graphite; include /etc/nginx/uwsgi_params; } } 

为了访问grafana，我因此去：

 http://192.168.1.1:8080/grafana 

（192.168.1.1是我服务器的ip地址）