javascript - CORS header ‘Access-Control-Allow-Origin’ 与 Ajax 请求上的 ‘(null)’ 不匹配

Question

但浏览器中出现同样的错误

跨源请求被阻止:同源策略不允许读取 http://abc-test123.com/login 上的远程资源。 (原因:CORS header “Access-Control-Allow-Origin”与“(null)”不匹配。

我的浏览器支持 Cors

我有一个用于 Chrome 的 Cors 扩展 和用于 Firefox 的 CorsE 附加组件

所有 API 都可以从同一个域完美地工作到我的本地主机服务器，但我们的项目 API 之一不再工作

我们正在开发Slim Framework，这里是 PHP 文件代码

$corsOptions = array(
    "origin" => "*",
    "exposeHeaders" => array("X-My-Custom-Header", "X-Another-Custom-Header"),
    "maxAge" => 1728000,
    "allowCredentials" => True,
    "allowMethods" => array(" PUT, GET, POST, DELETE, OPTIONS"),
    "allowHeaders" => array("X-PINGOTHER")
);
$cors = new \CorsSlim\CorsSlim($corsOptions);          
$app->add($cors);

我正在调用ajax函数(之前可以运行)

    var dataString = {
        username: "test",
        password: "test123"
    }
    $.ajax({
        method: "POST",
        url: varURI, //My url variable
        data: dataString,
        crossDomain: true,
        success: function(data)
        {
            if(data.status == "success")
            {
                alert("Success");
            }
            else
            {
                alert("Failure");
            }
        }
    });
    

API 错误后我尝试了以下新功能

//(1)
$.support.cors = true;

//(2)
$.ajax({
    method: "POST",
    url: varURI, //My url variable
    data: dataString,
    dataType: "jsonp",
    async: false, //and true too
    crossDomain: true,
    success: function(data)
    {}
});

但是同样的错误...

我检查了很多问题，并在此处提出问题后应用了所有内容。因此需要帮助或我在这里缺少的任何需要信息。

Answer 1

在 .htaccess 中添加以下代码

<ifModule mod_headers.c>
    Header set Access-Control-Allow-Origin: *
</ifModule>

并且还可以从此链接查看答案 http://enable-cors.org/server_apache.html