AngularJS表單/ HTTP / CORS

Question

我有一個連接到REST API的Angular表單，用於向MySQL數據庫插入新行。 我的REST API可以正常工作，但是我在Web控制台中收到了CORS阻止通知。 如何獲得成功發送到REST PI的信息？ 下面是我的控制器代碼：

countryApp.controller('AddLocation', function ($scope, $http) {   

       $scope.orglocation = {}; 
        //
        $scope.submit = function() { 

          var dataObj = { 
              location_title : $scope.location.location_title, 
              location_latitude : $scope.location.location_latitude, 
              location_longitude : $scope.location.location_longitude          
          } 

          //convert data to JSON string
          var loc = JSON.stringify(dataObj); 

          $http.post('http://localhost/slimtest2/add_location', loc).
             success(function(data, status, headers, config) {
                alert("good"); 
             }).
             error(function(data, status, headers, config) {
                 alert("bye"); 
             });

       } 

       $scope.reset = function() { 
          $scope.location = angular.copy($scope.orglocation);   
       } 

   }); 

Answer 1

通常，當您遇到CORS問題時，這表明您的服務器配置不正確。 我強烈建議您查看有關HTTP訪問控制的MDN文章 。 在這種情況下，最重要的兩個標頭是：

• 訪問控制允許來源
• 訪問控制允許方法

確保第一個設置為用於訪問Angular應用程序的域和端口，第二個設置為您使用的方法（在這種情況下，至少是POST）。