CORS ошибка в AngularJS приложение

Question

Я получаю следующее сообщение об ошибке, когда я пытаюсь сделать запрос POST от моего LOCALHOST приложения:

XMLHttpRequest cannot load https://www.xxx..yy/json/orders. Response to preflight request doesn't pass access control check: The 'Access-Control-Allow-Origin' header contains multiple values '*, http://localhost:9000', but only one is allowed. Origin 'http://localhost:9000' is therefore not allowed access.

Это моя структура приложения вкратце:

ctrl: 
 
.controller('myCtrl', function ($scope,$http) { 
 
     var urlBase = "https://xxx/json/"; 
 
     console.log("Hello..."); 
 
        
 
     $scope.startDirectTransaction = function() { 
 
     console.log("startDirectTransaction form..."); 
 
     
 
     $http({method: 'POST', url: urlBase + 'orders', headers: { 
 
      'api_key': 'xxx'} 
 
     }).then(function(response){ 
 
       $scope.related = response.data; 
 
       console.log("Success!"); 
 
      }); 
 

 
     }; 
 
app: 
 

 
<!-- begin snippet: js hide: false -->

Answer 1

Вы пытаетесь отправить данные из своего локального приложения в другой домен. В целом это противоречит политике CORS.

Решение этой проблемы является домен, который вы выкладываете данные должны позволять с помощью Access-Control-Allow-Origin

Подробнее о CORS в https://en.wikipedia.org/wiki/Cross-origin_resource_sharing