title: No 'Access-Control-Allow-Origin' header for Grafana
body: <p>I'm trying to setup Grafana on top of nginx. Here's how my current setup is. Grafana is supposed to talk to both graphite and elastic search on the same server. </p>
  
  <p>Here's my nginx configuration file. I'm not sure what's wrong in this configuration: </p>
  
  <pre><code>#graphite server block
  server {
   listen                8080 ;
   access_log            /var/log/nginx/graphite.access.log;
   error_log            /var/log/nginx/graphite.error.log;
  
   location / {
  
   include uwsgi_params;
   uwsgi_pass 127.0.0.1:3031;
   }
  }
  
  #grafana server block
  server {
   listen                9400;
  
   access_log            /var/log/nginx/grafana.access.log;
   error_log            /var/log/nginx/grafana.error.log;
  
   location / {
  auth_basic            "Restricted";
  auth_basic_user_file  /etc/nginx/.htpasswd;
  
      add_header  Access-Control-Allow-Origin 'http://54.123.456.789:9400';
      add_header 'Access-Control-Allow-Methods' 'GET, POST, PUT, DELETE';
      add_header 'Access-Control-Allow-Headers' 'Authorization, Content-Type, origin, accept';
      add_header 'Access-Control-Allow-Credentials' 'true';
  
  root /usr/share/grafana;
   }
  }
  </code></pre>
  
  <p>Now, whenever I try to run Grafana, it gives me the following error:</p>
  
  <p><code>XMLHttpRequest cannot load http://54.123.456.789:8080/render. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://54.123.456.789:9400' is therefore not allowed access.</code></p>
  
  <p>Can someone please help me out in this? Thanks in advance. </p>