2012-07-28 86 views
4

我试图用本地客户端测试一个简单的socket.io示例。这里是我的代码:带本地客户端的Socket.io。 Origin null和Access-Control-Allow-Origin

服务器:

var sio = require('socket.io'); 
var io = sio.listen(8077, {log: false}); 

io.sockets.on('connection', function (socket) { 
    console.log('connection detected'); 
    socket.on('hello', function(data){ 
     console.log('hello received: ' + data); 
    }); 
}); 

客户端:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
    <head> 
    <script src="socket.io-client/dist/socket.io.js" type="text/javascript"></script> 
    </head> 
    <body> 
    <script type="text/javascript"> 
     var socket = io.connect('http://localhost:8077'); 
     if(socket != undefined){ 
      socket.emit('hello', 'this is a test'); 
     } 
    </script> 
    </body> 
</html> 

如果我把我的客户在远程服务器中,它运行完美,但如果我尝试运行从我的客户本地,我的浏览器给我以下错误:

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

我知道有一个HTTP头解决这个问题em在http服务器中,但我不知道在套接字上下文中是否有类似的选项。我需要一个本地客户端。我不想从一个额外的http nodejs服务器提供客户端代码。

+0

我面临着完全相同的问题,它让我疯狂!你能找到解决方案吗? – Bitsian 2013-03-25 14:44:34

+0

我还没有解决它。如果您找到解决方案,请告诉我。 – sgmonda 2013-03-25 20:42:13

+0

我也有这个问题。 – 2014-03-17 01:16:21

回答

4

你有没有尝试设置服务器的起源参数(它设置你提到的头)?:

var sio = require('socket.io'); 
var io = sio.listen(8077, {log: false, origins: '*:*'}); 

而且现在你不是本地访问该服务器,让你确信更新的订单:

var socket = io.connect('http://localhost:8077'); 

到包括IP(或域,如果有的话)的远程服务器:

var socket = io.connect('http://XX.XX.XX.XX:8077'); 

你能看到哪行在控制台返回错误(你使用chrome/ff和萤火虫?)。在if语句中,套接字变量可能永远不会被定义。建议使用连接的方式是通过给连接事件附加回调等待它准备就绪,例如:

socket.on('connect', function() { // <-instead of the if 
    socket.emit('hello', 'this is a test'); 
} 
+0

它不起作用。每次运行服务器和客户端时都会显示相同的错误:原始空值不被允许... – sgmonda 2012-07-28 19:47:04

+0

您是否尝试过主机名? – paullth 2012-07-28 19:57:56

+0

是的,我试过用我的局域网IP(192.168 ...),但问题仍然存在 – sgmonda 2012-07-29 09:33:36