JavaScript - 'No Access Control Allow Origin' header'尽管存在

Question

我有一个简单的 PHP 文件，它执行 MySQL 查询并返回结果。

在 PHP 文件的顶部，我有以下代码:

<?php

header('Access-Control-Allow-Origin: *');
header('Content-Type: application/json');

?>

我知道这就像我在 Chrome 中进行检查一样，如果我查看“网络”选项卡中返回的请求 header ，我可以看到 header 已成功设置。

现在我使用 jQuery 从另一个域上的 JavaScript 文件进行调用:

var getMyResults = $.ajax({
    url: "http://mydomain.uk/myphpfile.php",
    data: {something: "someData"},
    dataType: "JSON",
    type: "GET"
});

每次我从 JavaScript 文件运行此代码时，都会收到以下错误:

XMLHttpRequest 无法加载 http://mydomain.uk/myphpfile.php 。请求的资源上不存在“Access-Control-Allow-Origin” header 。来源'http://myotherdomaincallingthefile.uk ' 因此不允许访问。

为什么会发生这种情况？

Answer 1

在到达最终页面之前会发生重定向，该页面会发送 header 并找到它；如果它在 .htaccess 中，您可以将其添加到 .htaccess 文件中:

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

或者您的另一个选择是在 Ajax 调用中使用最终 URL，这将提供 header ，而不会出现任何重定向。