Socket.io与Express路由配置问题：使用路由时Socket连接断开

嘿，我来帮你搞定这个头疼的问题！咱们先理清楚问题出在哪，再一步步修复。

问题到底出在哪？ #

你的代码里有几个小问题，组合起来导致了Socket连接断开：

• 在index.js里你又新建了一个express()实例，这完全是多余的，而且会和主应用的上下文产生冲突；
• 你没把index.js里的router导出，主应用根本没法正常处理这个路由请求，请求失败就可能间接把Socket连接搞断；
• Socket.IO的初始化方式有点随意，直接绑在app.listen()的返回值上，容易出现服务器绑定不稳定的情况。

一步步修复方案 #

1. 先把index.js改对

把里面多余的Express实例删掉，记得导出router，这样主应用才能用它：

var express = require('express');
// 删掉这行：var app = express(); 真的不需要它
var router = express.Router();

router.get('/seo', function(req, res){
  // 这里写你的页面逻辑就行，比如返回个页面或者文本
  res.send('SEO页面加载成功啦');
});

// 一定要导出router！不然主应用找不到它
module.exports = router;

2. 优化app.js里的Socket.IO初始化

咱们换个更稳妥的方式，先显式创建HTTP服务器，再把Socket.IO绑上去，这样能确保和Express用同一个服务器：

var express = require('express');
var app = express();
// 显式创建HTTP服务器
var http = require('http').createServer(app);
// 把Socket.IO绑定到这个服务器上
var io = require('socket.io')(http);
// 导入路由的时候起个清晰的名字
var indexRouter = require('./index.js');

app.use('/', indexRouter);

io.on('connection', function(socket){
  console.log('有用户连上来啦');
  // 加个断开监听，方便你排查问题
  socket.on('disconnect', function(){
    console.log('用户断开连接了');
  });
});

// 记得定义port变量哦，比如设成3000
const port = 3000;
// 启动HTTP服务器，别再用app.listen啦
http.listen(port, function(){
  console.log('服务器跑在端口' + port + '上啦');
});

为什么这样就能解决？ #

• 去掉index.js里多余的Express实例后，路由完全复用主应用的上下文，不会再有冲突；
• 显式创建服务器并绑定Socket.IO，确保两者共享同一个服务实例，连接稳定性大大提升；
• 正确导出router后，/seo路由能被正常处理，不会因为请求失败间接搞断Socket连接。

如果之后还是有断开的情况，记得看看控制台的错误日志，大概率是路由处理里抛出了异常，顺着日志查就能解决啦。

内容的提问来源于stack exchange，提问作者loleczek12