CORS 不工作 php

Question

我正在尝试通过 CORS 将表单数据从 www.siteone.com 发布到 www.sitetwo.com。我的ajax代码是这样的：

<script>
$(document).ready(function(){
        $("#submit").live('click',function() {
            var url = "http://www.sitetwo.com/cors.php";
            var data = $('#form').serialize();
            jQuery.ajax({
                url : url,
                type: "POST",
                data : $('#form').serialize(),
                }).done(function(response){
                    alert(response);
                    }).fail(function(error){
                    console.log(error.statusText);
                    });
                return false;


});
});
</script>

www.sitetwo.com中的cors.php文件如下：

<?php
 header('Access-Control-Allow-Origin: *');
 header('Access-Control-Allow-Methods: POST, GET, OPTIONS');
 echo "hai";
?>

但仍然抛出 Access-control-Allow-Origin 错误。 抛出的错误是这样的：

XMLHttpRequest cannot load http://www.sitetwo.com/cors.php. Origin http://www.siteone.com is not allowed by Access-Control-Allow-Origin. 

我知道，使用 CORS 只需通过标头允许远程网站，我们就可以使用跨域请求。但是当我这样尝试时，会抛出错误。我在这里错过了什么吗？ 这是我的请求/响应标头：

Response Headers
Connection  Keep-Alive
Content-Length  487
Content-Type    text/html; charset=iso-8859-1
Date    Fri, 23 Aug 2013 05:53:20 GMT
Keep-Alive  timeout=15, max=99
Server  Apache/2.2.15 (CentOS)
WWW-Authenticate    Basic realm="Site two Server - Restricted Area"
Request Headers
Accept  */*
Accept-Encoding gzip, deflate
Accept-Language en-US,en;q=0.5
Content-Length  43
Content-Type    application/x-www-form-urlencoded; charset=UTF-8
Host    www.sitetwo.com
Origin  http://www.siteone.com
Referer http://www.siteone.com/index.html
User-Agent  Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:23.0) Gecko/20100101 Firefox/23.0

Answer 1

最后，我自己解决了问题中解释的问题。我为访问标头而实现的代码不正确。

下面提到的两行代码，当给出时，不起作用：

<?php
header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Methods: POST, GET, OPTIONS');
?>

但是正确处理 CORS 请求需要更多的参与。这是一个响应更全面的函数。更新后的代码是这样的：

 <?php
    // Allow from any origin
    if (isset($_SERVER['HTTP_ORIGIN'])) {
        header("Access-Control-Allow-Origin: {$_SERVER['HTTP_ORIGIN']}");
        header('Access-Control-Allow-Credentials: true');
        header('Access-Control-Max-Age: 86400');    // cache for 1 day
    }

    // Access-Control headers are received during OPTIONS requests
    if ($_SERVER['REQUEST_METHOD'] == 'OPTIONS') {

        if (isset($_SERVER['HTTP_ACCESS_CONTROL_REQUEST_METHOD']))
            header("Access-Control-Allow-Methods: GET, POST, OPTIONS");         

        if (isset($_SERVER['HTTP_ACCESS_CONTROL_REQUEST_HEADERS']))
            header("Access-Control-Allow-Headers:        {$_SERVER['HTTP_ACCESS_CONTROL_REQUEST_HEADERS']}");

        exit(0);
    }

    echo "You have CORS!";
?>

我从另一个post找到的 成功了……

Answer 2

允许所有人使用 CORS：

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

echo "You have CORS!";

Answer 3

另一个原因是，如果您在 php 中缺少分号或其他内容，则即使错误报告已打开，CORS 错误消息将是 ajax 显示的唯一错误，而您可以看到实际错误通过转到浏览器中的 php url。

Answer 4

请求可能失败的另一个原因是您的请求是否指向以斜杠结尾或不以斜杠结尾的 URL。例如，在我的情况下，我必须以 domain.com/api/ 为目标，因为 domain.com/api（无斜杠）无效并生成了缺少标头错误。

如果您在浏览器中测试此 URL，它会自动更正，您会认为该 URL 有效，但请求会失败。结尾处的这一斜线非常微妙且容易忽略。