传输轮询错误,Socket.Io

Transport polling error with Socket.Io

本文关键字:Socket Io 错误 传输      更新时间:2023-09-26

我在使用 socket.io v1.3.2 时遇到传输错误。这只是对 socket.io 的测试,所以我可以熟悉它。

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

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' });
});

还有一个文件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>

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

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

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

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

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

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

对此:

var socket = io.connect();

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

默认情况下,本地主机端口为 80。 您在未声明端口的情况下将客户端的套接字连接到本地主机。 因此,它默认为您提供端口 80,并且您的节点服务器正在侦听端口 3000。 为了使客户端连接到服务器,必须声明服务器侦听的端口。 示例:var socket = io.connect('http://localhost:3000');