使用Socket.Io传输轮询错误

fra*_*ure 11 javascript node.js socket.io

使用socket.io v1.3.2时出现传输错误.它只是对socket.io的测试,所以我可以熟悉它.

我有一个文件app.js(直接取自socket.io docs):

var app = require('http').createServer(handler);
var io = require('socket.io')(app);
var fs = require('fs');

app.listen(3000);

function handler (req, res) {
  fs.readFile(__dirname + '/index.html',
  function (err, data) {
    if (err) {
      res.writeHead(500);
      return res.end('Error loading index.html');
    }

    res.writeHead(200);
    res.end(data);
  });
}

io.on('connection', function (socket) {
  socket.emit('news', { hello: 'world' });
});
Run Code Online (Sandbox Code Playgroud)

和一个文件index.html:

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <link rel="stylesheet" href="">
</head>
<body>
    <h1>Socket Test</h1>
    <script src="/socket.io/socket.io.js"></script>
    <script>
        var socket = io.connect('http://localhost');
        socket.on('news', function (data) {
            console.log(data);
        });
    </script>

</body>
</html>
Run Code Online (Sandbox Code Playgroud)

在控制台中,我收到以下错误:

GET http://localhost/socket.io/?EIO=3&transport=polling&t=1422782880286-40 
(index):1 XMLHttpRequest cannot load http://localhost/socket.io/?EIO=3&transport=polling&t=1422782880286-40. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:3000' is therefore not allowed access. The response had HTTP status code 404.
socket.io.js:3715 engine.io-client:socket socket error {"type":"TransportError","description":0} +37ms
socket.io.js:1402 socket.io-client:manager connect_error +38ms
socket.io.js:1402 socket.io-client:manager reconnect attempt error +1ms
socket.io.js:1402 socket.io-client:manager will wait 5000ms before reconnect attempt +0ms
socket.io.js:3715 engine.io-client:socket socket close with reason: "transport error" +2ms
socket.io.js:3715 engine.io-client:polling transport not open - deferring close +1ms
socket.io.js:1402 socket.io-client:manager attempting reconnect +5s
socket.io.js:1402 socket.io-client:manager readyState closed +0ms
socket.io.js:1402 socket.io-client:manager opening http://localhost +0ms
socket.io.js:3715 engine.io-client:socket creating transport "polling" +5s
socket.io.js:3715 engine.io-client:polling polling +0ms
socket.io.js:3715 engine.io-client:polling-xhr xhr poll +0ms
socket.io.js:3715 engine.io-client:polling-xhr xhr open GET: http://localhost/socket.io/?EIO=3&transport=polling&t=1422782885332-41 +1ms
socket.io.js:3715 engine.io-client:polling-xhr xhr data null +0ms
socket.io.js:3715 engine.io-client:socket setting transport polling +1ms
socket.io.js:1402 socket.io-client:manager connect attempt will timeout after 20000 +3ms
Run Code Online (Sandbox Code Playgroud)

有谁知道如何解决此错误.我发现了这个讨论,但一直无法解决问题.

jfr*_*d00 23

您的代码与socket.io网站上的示例之间的区别在于socket.io示例代码正在侦听端口80并在端口80上连接webSocket.您正在侦听端口3000,但尝试连接端口80,因此连接不起作用. io.connect('http://localhost');没有指定端口号,因此它将使用默认的http端口,即端口80.但是,您的websocket服务器没有侦听端口80,因此连接失败.

解决此问题的最简单方法是更改​​客户端中的代码行:

var socket = io.connect('http://localhost');
Run Code Online (Sandbox Code Playgroud)

对此:

var socket = io.connect();
Run Code Online (Sandbox Code Playgroud)

当您遗漏URL时,默认情况下,它将使用当前网页中的域和端口(这是您想要的).