即使我使用适当的标头设置了服务器（nginx/node.js），我仍然遇到了这个 CORS 问题。
我可以在 Chrome 网络窗格中看到 -> 响应标头：
Access-Control-Allow-Origin:http://localhost
这应该可以解决问题。
这是我现在用来测试的代码：
var xhr = new XMLHttpRequest();
xhr.onload = function() {
console.log('xhr loaded');
};
xhr.open('GET', 'http://stackoverflow.com/');
xhr.send();
我得到
XMLHttpRequest 无法加载http://stackoverflow.com/。Access-Control-Allow-Origin 不允许使用Origin http://localhost。
我怀疑这是客户端脚本中的问题，而不是服务器配置中的问题...
Chrome不支持 localhost 的 CORS 请求（一个在 2010 年打开的错误，在 2014 年标记为 WontFix）。
要解决此问题，您可以使用类似的域localho.st（它指向 127.0.0.1，就像 localhost 一样）或使用--disable-web-security标志启动 chrome （假设您只是在测试）。
根据@Beau 的回答，Chrome 不支持本地主机 CORS 请求，并且在这个方向上不太可能有任何变化。
我使用Allow-Control-Allow-Origin: * Chrome 扩展来解决这个问题。该扩展将为 CORS 添加必要的 HTTP 标头：
Access-Control-Allow-Origin: *
Access-Control-Allow-Methods: "GET, PUT, POST, DELETE, HEAD, OPTIONS"
Access-Control-Expose-Headers: <you can add values here>
请注意，扩展程序默认过滤所有 URL。这可能会破坏某些网站（例如：Dropbox）。我已将其更改为仅使用以下 URL 过滤器过滤本地主机URL
*://localhost:*/*
没有一个扩展对我有用，所以我安装了一个简单的本地代理。在我的情况下https://www.npmjs.com/package/local-cors-proxy 这是一个 2 分钟的设置：
（来自他们的网站）
npm install -g local-cors-proxy我们要请求的具有 CORS 问题的 API 端点：
https://www.yourdomain.ie/movies/list启动代理：
lcp --proxyUrl https://www.yourdomain.ie然后在您的客户端代码中，新的 API 端点：
http://localhost:8010/proxy/movies/list
对我来说就像一个魅力：你的应用程序调用代理，代理调用服务器。零 CORS 问题。
真正的问题是，如果我们-Allow-为所有请求（OPTIONS& POST）设置，Chrome 会取消它。以下代码适用于我POST使用 Chrome 的 LocalHost
<?php
if (isset($_SERVER['HTTP_ORIGIN'])) {
//header("Access-Control-Allow-Origin: {$_SERVER['HTTP_ORIGIN']}");
header("Access-Control-Allow-Origin: *");
header('Access-Control-Allow-Credentials: true');
header("Access-Control-Allow-Methods: GET, POST, OPTIONS");
}
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);
}
?>
Chrome 将使用来自localhost源的CORS 发出请求。这不是 Chrome 的问题。
您无法加载的原因http://stackoverflow.com是Access-Control-Allow-Origin标题不允许您的localhost来源。