AngularJS с CORS и пользовательскими заголовками

Question

Я использую Angular $ HTTP для запроса CORS к удаленной службе API (SmartyStreets.com). Я установил значения по умолчанию, как это хорошо документировано.

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

Когда я делаю простой запрос без пользовательских заголовков, все работает так, как ожидалось.

// This works as expected 
$http({method: 'get', url: $scope.addr.url, headers: {}}) 

Однако мне нужно установить дополнительные пользовательские заголовки. Но настройка пользовательских заголовков нарушает запрос CORS.

// this results in the browser 404 error: 
// No 'Access-Control-Allow-Origin' header is present on the requested resource 
$http({method: 'get', url: $scope.addr.url, 
headers: {'x-standardize-only': 'true', 'x- include-invalid': 'true'}}) 

Я пытался понять это на пару дней ... застрял. Кто-нибудь знает, как решить эту проблему?

спасибо !!

Answer 1

Ваш сервер должен правильно ответить на запрос OPTIONS, который браузер сделает от вашего имени, чтобы определить, действительно ли запрос CORS действителен. Он должен содержать заголовок Access-Control-Allow-Headers с правильной информацией в нем. См .: https://developer.mozilla.org/en-US/docs/HTTP/Access_control_CORS#Preflighted_requests