如何解决 Socket.io 404（未找到）错误？

Question

我正在使用带有 Express 的 Socket.io。在我的项目中，我有一个登录页面和一个主页。当我成功登录时，我导航到 localhost:3000/home 并出现此错误：

GET http://localhost:3000/socket.io/?EIO=3&transport=polling&t=1418187395022-0 404 (Not Found)

我没有对我的app.js（由 express 创建的项目）进行任何修改。

index.js：

var express = require('express');
var router = express.Router();
var http = require('http');
var fs = require('fs');
var io = require('socket.io')(http);
/* GET home page. */
router.get('/', function(req, res) {
  res.render('index', { title: 'Express' });
});

router.get('/home', function(req, res) {
  res.render('home', { title: 'Express' });
});

io.on('connection', function(socket){
    console.log("User Connected");
  socket.on('chat message', function(msg){
    io.emit('chat message', msg);
    console.log("Message");
  });
   socket.on('disconnect', function(msg){
    console.log("User DisConnected");
  });

});

router.post('/authenticate', function(req, res) {
    fs.readFile("./public/Verification/Users.json", "utf8", function (err, data) {
        if (err) 
            console.log(err);
        else{
            var result = JSON.parse(data);
            for(var i=0;i<result.Users.length;i++){
                if(req.body.username == result.Users[i].username && req.body.password ==     result.Users[i].password){
                    console.log("Success!!!!!!!!!!!!!!");
                    res.location("home");
                    res.redirect("home");
                }
            }
        }
        });
});

module.exports = router;

在我的layout.jade 中，我这样定义了 Socket.io：

script(src='https://cdn.socket.io/socket.io-1.2.0.js')

Answer 1

如果您运行的是 Express 4，在我看来您缺少代码行：

var app = express();
var server = app.listen(3000);

这将启动您的网络服务器并将其设置为端口 3000。在此处查看简单的 Express 4 应用程序：http://expressjs.com/4x/api.html

然后，要启动 socket.io，您需要添加：

var io = require('socket.io').listen(server);

而且，不需要这行：

var http = require('http');

Answer 2

因为过去 5 个小时我一直在与这个问题作斗争。这是谷歌的第一个结果。

当然是 2015 年了，部分代码发生了变化。

我认为目前 index.js 代码最好的开始是：

var express = require('express'),
    http = require('http');
var app = express();
var server = http.createServer(app);
var io = require('socket.io').listen(server);

server.listen(3000);

顺序非常重要。

我的问题是，一切都已正确安装并且节点正在侦听。但是 example.com/socket.io/socket.io.js 和 example.com/socket.io/?eio=... 找不到 404。 但是，当我尝试 example.com:3000/socket.io/socket.io.js 时，一切正常。所以现在的问题是，如何将 getJSON 查询更改为具有端口部分。

所以解决方案是编辑 main.js，它被添加到你的聊天所在的 index.html 中。 有：

var socket = io();

替换为

var socket = io.connect('http://example.com:3080');

这更正了 getJSON 查询 URL 并添加了正确的端口，不再是 404。我希望它对未来的人有所帮助。

Answer 3

只需调用服务器的监听，并通过回调将服务器实例传递给模块。

来自 express 应用的 bin/www 文件的一部分

var server = http.createServer(app);
server.listen(port, function () {
  console.log('app listening on *:' + port);
  require('../socket')(server);
  console.log('socket server will be on *:' + port);
});

server.on('error', onError);
server.on('listening', onListening);

这就是我的套接字模块socket.js

var io = {};

module.exports = (server, serveradmin) => {
  io = require('socket.io')(server);
  io.on('connection', function (socket) {
    console.log(socket + ' a user connected');
  });
}

所有的套接字监听器和发射器都从这里管理。

Answer 4

这就是我在服务器端解决它的方法（2018 年）：

const app = express();
const socketIO = require('socket.io');

const server = express()
  .use(app)
  .listen(PORT, () => console.log(`Listening Socket on ${ PORT }`));

const io = socketIO(server);

在客户端

<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.0.1/socket.io.js"></script>

看起来很简单，但我花了几个小时才找到解决方案，因为上面的解决方案对我不起作用。

Answer 5

请把你的配置改成这个

var express = require('express');

// App setup
var app = express();
var socket = require('socket.io')

var server = app.listen(4000, function(){
    console.log('listening for requests on port 4000,');
});

let io = socket(server)
io.on('connection', function(socket){
  console.log(`${socket.id} is connected`);
});

Answer 6

对于任何使用 nginx 代理到 node.js 的人来说，问题可能是 nginx conf 而不是 node.js 代码。

您可以使用 GET 请求（使用 curl、Postman 或浏览器）对http://localhost/socket.io/（带有尾部斜杠）和一个对http://localhost:3000/socket.io/ 进行测试

如果http://localhost/socket.io/ 给出 404 not found 或“Cannot GET /”，但http://localhost:3000/socket.io/ 返回如下响应：

{"code":0,"message":"Transport unknown"}

那么后端 node.js 和 socket.io 都在工作，但是 nginx 没有正确传递请求。

检查它应该看起来像：

location /socket.io/ {
                proxy_set_header Upgrade $http_upgrade;
                proxy_set_header Connection "upgrade";
                proxy_http_version 1.1;
                proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
                proxy_set_header Host $host;
                proxy_pass http://127.0.0.1:3000;
}

特别注意proxy_pass http://127.0.0.1:3000 末尾没有斜杠，因为我们希望按原样传递原始请求 URI（即包括 /socket.io）。

来自nginx proxy_pass docs：

如果使用 URI 指定 proxy_pass 指令，那么当 请求被传递给服务器，规范化请求 URI 的一部分 匹配位置被指令中指定的 URI 替换：

location /name/ {
    proxy_pass http://127.0.0.1/remote/; } 

如果 proxy_pass 没有指定 URI，则请求 URI 以相同的方式传递给服务器 处理原始请求时客户端发送的表单，或 处理更改的 URI 时传递完整的规范化请求 URI：

location /some/path/ {
    proxy_pass http://127.0.0.1; }

https://www.nginx.com/blog/nginx-nodejs-websockets-socketio/ 涵盖了标头要求（本质上，websocket 需要升级标头，它需要 HTTP/1.1）