jquery - CORS 与 Express.js 和 jQuery.ajax

Question

我为我的服务器使用 express.js，带有这个 header :

x-powered-by: Express
connection: keep-alive
content-length: 2
content-type: application/json; charset=utf-8
access-control-allow-methods: GET,PUT,POST,DELETE
access-control-allow-origin: *
access-control-allow-headers: x-requested-with

我调用 res.header 以允许 CORS:

res.header("Access-Control-Allow-Origin:", "*");
res.header("Access-Control-Allow-Methods", "GET,PUT,POST,DELETE");  
res.header("Access-Control-Allow-Headers", "x-requested-with");

您可以在这里测试:http://my-api.rs.af.cm/api/products

对于我的前端，我使用 jsbin 并使用 $.ajax 调用我的服务器:http://jsbin.com/apizez/37/edit

结果在这里:http://jsbin.com/apizez/37

你可以看看JS控制台，你会看到这个错误:

XMLHttpRequest cannot load http://my-api.rs.af.cm/api/products. Origin http://jsbin.com is not allowed by Access-Control-Allow-Origin.

我阅读了关于 CORS 的所有其他答案，但我不想使用 easyXDM。

Answer 1

感谢 Ryan Olds 帮助我了解 CORS 请求的工作原理。

这里是正确的标题:

res.header('Access-Control-Allow-Origin', req.headers.origin || "*");
res.header('Access-Control-Allow-Methods', 'GET,POST,PUT,HEAD,DELETE,OPTIONS');
res.header('Access-Control-Allow-Headers', 'content-Type,x-requested-with');

我所有的请求在响应中都有那个 header 。

我将 $.getJSON 用于 jQuery 的 GET 请求，否则它不起作用。

您可以在此处查看示例: http://jsbin.com/uwevuc/2/edit

http://jsbin.com/uwevuc/2