CORS预飞行通道不成功-客户端-服务器 - CORS preflight channel did not succeed - client - server

CORS preflight channel did not succeed - client - server

我正在构建一个应用程序，并使用下面的测试代码来测试angular http.Post()

但是我收到一个奇怪的错误，我的预飞行不成功。

客户端代码在

下面

<!DOCTYPE html>
<html>
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<body>
<div ng-app="myApp" ng-controller="customersCtrl"> 
<ul>
    {{ names }}
</ul>
</div>
<script>
var app = angular.module('myApp', []);

app.controller('customersCtrl', function($scope, $http) {
  $http.post("http://ec2-52-3-54-45.compute-1.amazonaws.com/api/user/dogs",{id:'hello word!'})
  .success(function (response) {
    $scope.names = response});
});
</script>
</body>
</html>

另一端的。htaccess文件在

下面

  Header set Access-Control-Allow-Methods "POST"
  Header set Access-Control-Allow-Origin "*"
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ index.php [QSA,L]

处理这个的PHP是

<?php
header('Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept');
header( ‘Access-Control-Allow-Headers: Authorization, Content-Type’ );
header("Access-Control-Allow-Origin: *");

我不知道为什么我得到这个错误或我到底做错了什么。如有任何帮助或见解，不胜感激。

这个htaccess代码应该可以工作:

Header always set Access-Control-Allow-Origin "*"
Header always set Access-Control-Allow-Headers "Origin, X-Requested-With, Content-Type, Access-Control-Allow-Origin"
Header always set Access-Control-Allow-Methods "PUT, GET, POST, DELETE, OPTIONS"

Angularjs在发出POST请求之前会先发出一个OPTIONS请求