本地主机上的 Socket.io + Express CORS 错误（Access-Control-Allow-Origin 不允许）答案

【问题标题】：Socket.io + Express CORS Error on localhost (not allowed by Access-Control-Allow-Origin)本地主机上的 Socket.io + Express CORS 错误（Access-Control-Allow-Origin 不允许）
【发布时间】：2013-01-03 23:30:32
【问题描述】：

我有一个可以工作的 node.js Express 服务器，我想添加 socket.io 支持（允许 javascript 客户端通过 socket.io 连接）。我可以通过 Javascript $.get() 连接到 express 服务器，但由于 CORS 错误，socket.io.connect() 命令失败。

我的测试机器是带有 Apache 的 OSX 为客户端提供服务，因此占用了 80 端口，所以我在 8888 端口上运行了 node.js/express。我根据文档添加了 socket.io：

var exp = express();
var server = require('http').createServer(api.server);
exp.listen(8888);

var io = require('socket.io').listen(server);
io.sockets.on('connection', function(socket) {
     console.log('connection'); 
});

我在 node.js 日志中正确地看到“信息：socket.io 已启动”。

然后，在客户端，我尝试连接到服务器...

    this.socket = io.connect('http://localhost:8888');
    this.socket.on('connect',function() {
        socket.emit('install','test');
    });

但是，我在 Chrome 的控制台中遇到了 CORS 错误：

XMLHttpRequest cannot load http://localhost:8888/socket.io/1/?t=1358715637192. Origin http://localhost is not allowed by Access-Control-Allow-Origin.

但是，这很好用！

    $.get('http://localhost:8888',function(e,d){
        console.log(e,d); 
    });

所以我仔细检查了 localhost:8888 和 localhost 的标头——两者都正确返回了（应该）允许跨域请求的标头...

访问控制允许来源：*

有什么想法吗？

【问题讨论】：

我面临着完全相同的问题，这让我发疯了！你能找到任何解决方案吗？
不 :( 我不知道是什么原因造成的。我最好的猜测是与端口有关。

标签： node.js socket.io

【解决方案1】：

CORS 是一件非常棘手的事情（或者至少对我来说是这样）。我在这里推荐这个资源：http://enable-cors.org/

非常仔细地遵循他们的做法帮助了我。我还发现不同的浏览器对 CORS 请求/响应有不同的可见性，这有帮助。

我发现 Chrome 比 firefox 更容易上手，但 firefox 工具（例如 firebug）使用起来相当不错。

从您的信息中我的直觉是，您可能需要您的请求在您的请求属性中包含 X-Request-With。

我还发现使用 fidler 发送 http 请求可以让我最初将问题缩小到服务器端并使其正常工作。你会发现浏览器强制执行 CORS，但像 fidler 这样的东西不会，因此提供了另一种检查正在发生的事情的方法。

我绝对建议尝试将问题分成两半，以便您可以查看是服务器端还是客户端的行为不符合您的预期。

我的问题与为 OPTIONS 标头返回与 POST 或 GET 相同的 CORS 响应有关。那是错误的。铬允许它。火狐没有。发送的任何选项请求都将发送一次，然后在将来它会被缓存而不是重新发送（这最初给我造成了很多困惑）。对于选项请求，您只需要一个标准回复，说明可以继续，然后在帖子或获取回复中，我相信您只希望您的 cors 回复在那里。

【讨论】：