我正在尝试向 WCF 服务（我拥有）发出跨域 HTTP 请求。我已经阅读了几种处理跨域脚本限制的技术。因为我的服务必须同时容纳 GET 和 POST 请求，所以我无法实现一些动态脚本标记，其 src 是 GET 请求的 URL。由于我可以自由地在服务器上进行更改，因此我已开始尝试实施一种解决方法，该解决方法涉及配置服务器响应以包含“Access-Control-Allow-Origin”标头和带有 OPTIONS 请求的“预检”请求。我从这篇文章中得到了想法：让 CORS 工作
在服务器端，我的 Web 方法正在向 HTTP 响应添加“Access-Control-Allow-Origin: *”。我可以看到响应现在确实包含此标头。我的问题是：如何“预检”请求（选项）？我正在使用 jQuery.getJSON 来发出 GET 请求，但浏览器立即取消了该请求，并出现了臭名昭著的：
Access-Control-Allow-Origin 不允许Origin http://localhost
有人熟悉这种 CORS 技术吗？需要在客户端进行哪些更改以预检我的请求？
谢谢！
在预检请求期间，您应该看到以下两个标头：Access-Control-Request-Method 和 Access-Control-Request-Headers。这些请求标头要求服务器授予发出实际请求的权限。您的预检响应需要确认这些标头，以便实际请求工作。
例如，假设浏览器使用以下标头发出请求：
Origin: http://yourdomain.com
Access-Control-Request-Method: POST
Access-Control-Request-Headers: X-Custom-Header
然后，您的服务器应使用以下标头进行响应：
Access-Control-Allow-Origin: http://yourdomain.com
Access-Control-Allow-Methods: GET, POST
Access-Control-Allow-Headers: X-Custom-Header
请特别注意 Access-Control-Allow-Headers 响应标头。这个header的值应该和Access-Control-Request-Headers请求头中的headers一样，不能是'*'。
一旦您将此响应发送到预检请求，浏览器将发出实际请求。您可以在此处了解有关 CORS 的更多信息：http ://www.html5rocks.com/en/tutorials/cors/
尽管这个话题可以追溯到 2014 年，但这个问题对我们中的许多人来说仍然是最新的。这是我在 jQuery 1.12 /PHP 5.6 上下文中处理它的方法：
PHP 代码示例：
if (!empty($_SERVER['HTTP_ORIGIN'])) {
// Uh oh, this XHR comes from outer space...
// Use this opportunity to filter out referers that shouldn't be allowed to see this request
if (!preg_match('@\.partner\.domain\.net$@'))
die("End of the road if you're not my business partner.");
// otherwise oblige
header("Access-Control-Allow-Origin: " . $_SERVER['HTTP_ORIGIN']);
}
else {
// local request, no need to send a specific header for CORS
}
特别是，不要添加 ，exit;因为不需要预检。
通过这些简单的步骤在Node.js 中编写自定义中间件来解决 CORS 问题。
don't need to set anything from the client, just a little change on the Node.js server will fix the problem.
创建一个中间件：
// in middleware/corsResolver.js
function corsResolver(req, res, next) {
// Website you wish to allow to connect
// running front-end application on port 3000
res.setHeader('Access-Control-Allow-Origin', 'http://localhost:3000');
// Request methods you wish to allow
res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, PATCH, DELETE');
// Request headers you wish to allow
res.setHeader('Access-Control-Allow-Headers', 'X-Requested-With,content-type,Authorization');
// Set to true if you need the website to include cookies in the requests sent
// to the API (e.g. in case you use sessions)
res.setHeader('Access-Control-Allow-Credentials', true);
// Pass to next layer of middleware
next();
}
module.exports = corsResolver;
现在编辑你的 server.js（index.js 或任何启动你的节点服务器的主文件）并添加这个中间件：
// server.js or indes.js
const corsResolver = require('path/to/resolver-middleware')
app.use(corsResolver) // -----------> applied middleware here
// other stuff