4

我正在尝试在应用引擎中的 2 个应用程序之间进行 x 域请求。一方面,我有我的 API,另一方面我有我的“客户端应用程序”。我一直在阅读有关 CORS 的大量信息;我想我知道它是如何工作的,问题来了:它不起作用。简单请求有效,但是当我尝试执行非简单请求(使用凭据)时问题就来了。我有这段代码来处理标题并允许 CORS:

try:
    _origin = self.request.headers['Origin']
except:
    _origin = "http://myapp"
self.response.headers.add_header("Access-Control-Allow-Origin", _origin)
self.response.headers.add_header("Access-Control-Allow-Methods", "GET, POST, OPTIONS")
self.response.headers.add_header("Access-Control-Allow-Credentials", "true")
self.response.headers.add_header("Access-Control-Allow-Headers", "origin, x-requested-with, content-type, accept")
self.response.headers.add_header('Content-Type', 'application/json')
self.response.out.write( json.dumps( _response ) )

已编辑:我正在使用同一域下的两个应用程序(http://app1.domain.com 和http://app2.domain.com)。

由于我不能使用通配符进行凭据传输请求,因此我检测了 Origin 并在此域的每个请求中设置了 Allow-Origin。在我的客户端应用程序中,我有这个代码来发出 http 请求:

jQuery.extend( {
postJSON: function ( _url, _data, _callback) {
    $.ajax({
        cache: false,
        crossDomain: true,
        url: _url,
        data: _data,
        type: 'POST',
        dataType: 'json',
        xhrFields: {
           withCredentials: true
        },
        headers : {
            "x-requested-with" : "XMLHttpRequest"
        },
        success: _callback,
        error: function() {
            _msg = "<strong>Error: </strong> Error en la petición HTTP (nivel de protocolo).";
            _error( _msg );
        }
    });
}

});

为了处理请求,我有这些方法:

@decorators.notAllowed
def get(self):
    pass

@decorators.isNotLogged
@decorators.language
def post(self):
    common._responseJSON( self, CU._doLogin( self ) )

def options(self):
    common._responseJSON( self, CU._doLogin( self ) )

这是 OPTIONS 请求和响应:

Request URL:http://myapi/method
Request Method:OPTIONS
Status Code:200 OK

Request Headers
Accept:*/*
Accept-Charset:ISO-8859-1,utf-8;q=0.7,*;q=0.3
Accept-Encoding:gzip,deflate,sdch
Accept-Language:es-ES,es;q=0.8
Access-Control-Request-Headers:origin, x-requested-with, content-type, accept
Access-Control-Request-Method:POST
Connection:keep-alive
Host:myapi
Origin:http://myapp
Referer:http://myapp/
User-Agent:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_8_2) AppleWebKit/537.11 (KHTML, like Gecko) Chrome/23.0.1271.64 Safari/537.11

Response Headersview source
Access-Control-Allow-Credentials:true
Access-Control-Allow-Headers:origin, x-requested-with, content-type, accept
Access-Control-Allow-Methods:GET, POST, OPTIONS
Access-Control-Allow-Origin:http://myapp
Cache-Control:no-cache
Content-Encoding:gzip
Content-Length:114
Content-Type:application/json
Content-Type:text/html; charset=utf-8
Date:Fri, 16 Nov 2012 11:31:40 GMT
Server:Google Frontend
Vary:Accept-Encoding

这是 HTTP POST 请求:

    Accept:application/json, text/javascript, */*; q=0.01
Content-Type:application/json; charset=UTF-8
Origin:http://myapp
Referer:http://myapp
User-Agent:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_8_2) AppleWebKit/537.11 (KHTML, like Gecko) Chrome/23.0.1271.64 Safari/537.11
x-requested-with:XMLHttpRequest

但是当浏览器尝试执行 POST 请求时,它会失败:

XMLHttpRequest cannot load http://myapi/method/. Origin http://myapp is not allowed by Access-Control-Allow-Origin.

任何想法?我被这个问题弄疯了......我必须在 OPTIONS http 请求中做什么?也许我没有以正确的方式处理它......:-/

提前致谢。

4

2 回答 2

2

我找到了解决方案!就这么简单;我觉得有点愚蠢......如果你看一下代码,你会在一些方法处理程序之前看到一些装饰器。这就是问题所在:有时我通过装饰器将内容发送到浏览器。并且此内容没有 Allow-Control-* 标头。这就是为什么有时会失败有时不会(装饰者回复时失败)的原因

我已经在所有发送内容的装饰器中配置了标题,它工作正常:-)。感谢大家的帮助,真的!!

于 2012-11-17T23:42:33.790 回答
1

我刚刚在使用 Google API 时遇到了同样的错误。由于只有 3 或 4 天,如果对 Google API 的所有 CORS 请求包含x-requested-with:XMLHttpRequest标头,则它们都会失败,从而导致“ Origin [...] is not allowed by Access-Control-Allow-Origin ”错误。它一直工作到最后几天。

您可能对 App Engine CORS 请求有同样的问题。尝试删除以下行:

headers : {
        "x-requested-with" : "XMLHttpRequest"
    },
于 2012-11-17T18:31:43.460 回答