Python Eve：請求的資源上沒有“Access-Control-Allow-Origin”標頭

Question

我使用Python EVE框架編寫了一個API。 嘗試從AngularJS應用程序訪問API時，它會顯示錯誤，如下所示：

XMLHttpRequest cannot load http://127.0.0.1:5000/user/jay3dec. Request header field Authorization is not allowed by Access-Control-Allow-Headers. 

為了糾正上述錯誤，我將以下內容添加到settings.py中

X_DOMAINS = '*'
X_HEADERS = 'Authorization'

現在，上述錯誤消失，控制台中顯示一個新錯誤：

XMLHttpRequest cannot load http://127.0.0.1:5000/user/jay3dec. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8000' is therefore not allowed access. 

但是我已經在X_DOMAINS = '*'添加了X_DOMAINS = '*' 。

這是angularjs代碼：

    $scope.validate = function() {

    var encodedUserNameAndPassword = Base64.encode($scope.username + ':' + $scope.password);

    $http.defaults.headers.put = {
        'Access-Control-Allow-Origin': '*',
        'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, OPTIONS',
        'Access-Control-Allow-Headers': '*'
    };
    $http.defaults.headers.common['Authorization'] = 'Basic ' + encodedUserNameAndPassword;

    $http({
        method: 'GET',
        url: 'http://127.0.0.1:5000/user/jay3dec'
    }).
    success(function(data, status, headers, config) {
        console.log(data);
    }).
    error(function(data, status, headers, config) {
        alert(data);

    });
}

可以發現任何問題

Answer 1

FWIW，我有類似的問題。

然后我了解到只有模式定義的API才能獲得X_DOMAINS標頭的效果。 如果您使用app = Eve(settings=blah)和@app.route()等自己定義的api將不受X_DOMAINS標頭的影響。 所以，在這種情況下，你需要編寫自己的裝飾器。

Answer 2

Eve只會在觸發CORS響應時觸發

• 請求包括Origin標頭
• X_DOMAIN在配置文件中settings.py （ settings.py ）

由於后面的條件似乎已經滿足，我會確保請求是一個正確的CORS請求，它包含一個Origin頭。

閱讀下面的評論后更新我認為Postman限制了Origin標題。 請嘗試使用curl：

curl -H "Origin: http://example.com" --verbose http://localhost:5000

將X_DOMAIN設置為* ，該請求應返回如下內容：

< HTTP/1.0 200 OK
< Content-Type: application/json
< Content-Length: 141
< Access-Control-Allow-Origin: http://example.com
< Vary: Origin
< Access-Control-Allow-Headers:
< Access-Control-Expose-Headers:
< Access-Control-Allow-Methods: HEAD, OPTIONS, GET
< Access-Control-Allow-Max-Age: 21600
< Server: Eve/0.5 Werkzeug/0.9.6 Python/2.7.8
< Date: Thu, 15 Jan 2015 08:41:08 GMT

如果這樣做，那么服務器正在正確地提供CORS請求。 然后，您可以根據需要X_HEADERS和其他CORS服務器端設置。

Answer 3

你必須配置為前夕。

X_DOMAINS = '*'
X_HEADERS = ['Authorization','Content-type']
and angular as 
$http.defaults.headers.common['Authorization'] = 'Basic ' + auth;

這對我有用。

Answer 4

您還需要在AngularJS應用程序上打開CORS

var myApp = angular.module('myApp', [
    'myAppApiService']);

myApp.config(['$httpProvider', function($httpProvider) {
        $httpProvider.defaults.useXDomain = true;
        delete $httpProvider.defaults.headers.common['X-Requested-With'];
    }
]);

支持CORS的服務器必須響應具有多個訪問控制頭的請求：

Access-Control-Allow-Origin: "*"

默認情況下，CORS請求不是使用cookie進行的。 如果服務器包含此標頭，那么我們可以通過將withCredentials選項設置為true來發送cookie以及我們的請求。

Access-Control-Allow-Credentials (optional)

如果我們將請求中的withCredentials選項設置為true，但服務器沒有響應此標頭，則請求將失敗，反之亦然。

Answer 5

通過使用pip install flask-cors然后編輯我的eve應用程序來使用它，我能夠解決我的問題：

from flask.ext.cors import CORS
app = Eve()
CORS(app)