访问控制允许来源不是由接入控制允许集管

问题描述：

我有两个单独的服务器允许的，一个是nginx的与节点，另一个是django的与Django的休息 - 用于构建丁REST API框架，nginx的负责REST API请求，节点将客户机请求的护理，也我使用polymer为前端。下面是简要说明：访问控制允许来源不是由接入控制允许集管

机之一：

nginx:192.168.239.149:8888 (API listening address) forward to 192.168.239.147:8080 

node:192.168.239.149:80 (client listening address)

机2：

unicorn:192.168.239.147:8080(listening address)

的方法是，当一个请求到达，节点服务器（192.168.239.149:80）响应返回的HTML，以html AJAX请求请求一个PI服务器（ nginx:192.168.239.149:8888 forward to unicorn:192.168.239.147:8080），然后独角兽（192.168.239.147:8080）返回结果。

但是有一个CORS问题，我看了很多文章，很多人遇到了同样的问题，我尝试了很多方法，但没有help.still错误。

什么，我得到的是：

enter image description here

那就是：

XMLHttpRequest cannot load http://192.168.239.149:8888/article/. Request header field Access-Control-Allow-Origin is not allowed by Access-Control-Allow-Headers.

我做的是：

core-ajax

<core-ajax auto headers='{"Access-Control-Allow-Origin":"*","X-Requested-With": "XMLHttpRequest"}' url="http://192.168.239.149:8888/article/" handleAs="json" response="{{response}}"></core-ajax>

nginx的：

http { 
    include  mime.types; 
    default_type application/octet-stream; 
    access_log /tmp/nginx.access.log; 
    sendfile on; 
    upstream realservers{ 
       #server 192.168.239.140:8080; 
       #server 192.168.239.138:8000; 
       server 192.168.239.147:8080; 
    } 
server { 
     listen  8888 default; 
     server_name example.com; 
     client_max_body_size 4G; 
     keepalive_timeout 5; 
     location/{ 
      add_header Access-Control-Allow-Origin *; 
       try_files $uri $uri/index.html $uri.html @proxy_to_app; 
       } 
location @proxy_to_app{ 
       add_header Access-Control-Allow-Origin *; 
       proxy_set_header X-Real-IP $remote_addr; 
       proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; 
       proxy_set_header Host $http_host; 
       #proxy_set_header X-Real-IP $remote_addr; 
       proxy_redirect off; 
       proxy_pass http://realservers; 
     } 
} 
}

节点：

app.listen(80, function() { 
    console.log('server.js running'); 
});

麒麟：

return Response(serializer.data,headers={'Access-Control-Allow-Origin':'*', 
                      'Access-Control-Allow-Methods':'GET', 
                      'Access-Control-Allow-Headers':'Access-Control-Allow-Origin, x-requested-with, content-type', 
                      })

因为我在CORS上没有太多的经验，我想彻底了解它，任何人都可以指出我在这里做错了什么，我会非常感谢你！

答

哇，太激动了，我sovled这一切由我自己，我做什么错在这里是请求头我送不包括在nginx的配置add_header 'Access-Control-Allow-Headers'

完整nginx的配置：

http { 
    include  mime.types; 
    default_type application/octet-stream; 
    access_log /tmp/nginx.access.log; 
    sendfile on; 
    upstream realservers{ 
       #server 192.168.239.140:8080; 
       #server 192.168.239.138:8000; 
       server 192.168.239.147:8080; 
    } 
server { 
     listen  8888 default; 
     server_name example.com; 
     client_max_body_size 4G; 
     keepalive_timeout 5; 
     location/{ 
      add_header Access-Control-Allow-Origin *; 
      add_header 'Access-Control-Allow-Credentials' 'true'; 
      add_header 'Access-Control-Allow-Methods' 'GET, POST, PUT, DELETE, OPTIONS'; 
      add_header 'Access-Control-Allow-Headers' 'Access-Control-Allow-Orgin,XMLHttpRequest,Accept,Authorization,Cache-Control,Content-Type,DNT,If-Modified-Since,Keep-Alive,Origin,User-Agent,X-Mx-ReqToken,X-Requested-With'; 

       try_files $uri $uri/index.html $uri.html @proxy_to_app; 
       } 
location @proxy_to_app{ 
       add_header Access-Control-Allow-Origin *; 
       add_header 'Access-Control-Allow-Credentials' 'true'; 
       add_header 'Access-Control-Allow-Methods' 'GET, POST, PUT, DELETE, OPTIONS'; 
       add_header 'Access-Control-Allow-Headers' 'Access-Control-Allow-Orgin,XMLHttpRequest,Accept,Authorization,Cache-Control,Content-Type,DNT,If-Modified-Since,Keep-Alive,Origin,User-Agent,X-Mx-ReqToken,X-Requested-With'; 

       proxy_set_header X-Real-IP $remote_addr; 
       proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; 
       proxy_set_header Host $http_host; 
       #proxy_set_header X-Real-IP $remote_addr; 
       proxy_redirect off; 
       proxy_pass http://realservers; 
     } 
} 
}

因为我的要求是：

core-ajax auto headers='{"Access-Control-Allow-Origin":"*","X-Requested-With": "XMLHttpRequest"}' url="http://192.168.239.149:8888/article/" handleAs="json" response="{{response}}"></core-ajax>

我没有包括Access-Control-Allow-Origin和XMLHttpRequest头进入nginx的配置Access-Control-Allow-Headers，所以这是问题。

我希望它对谁有同样的问题有用！

答

您不必将CORS头部包含在请求手册中。浏览器照顾它，你只需要允许它在api服务器上

是的，它只是用于测试，我忘了发表评论。 –

访问控制允许来源不是由接入控制允许集管

相关推荐