socket.io server部署后无法正常工作 本地运行正常是什么原因？

问题原因及解决方案 #

1. CORS配置限制 #

你当前Socket.IO的cors.origin固定写死了http://localhost:8080，仅允许本地前端发起请求。部署到线上后，前端的访问地址会变成正式域名/公网IP，不再是localhost，就会被跨域策略拦截，导致GET请求失败。
修改方案：根据部署场景调整origin配置，测试阶段可以先设为*允许所有来源，上线后再替换为实际的前端域名：

const io = socketio(server, {
     cors: {
     origin: "*", // 上线后替换为你的线上前端地址，比如"https://你的域名.com"
     methods: ["GET","POST"]
    }
});

2. 代码存在语法错误 #

你贴出的服务端代码有括号匹配错误，io.on('connection')的回调被提前关闭，导致disconnect事件的监听写到了回调外，实际运行会报错：
原错误代码片段：

io.on('connection', socket => {
    console.log(`Connected: ${socket.id}`);
   //Code
    }); // 这里多余的右括号提前关闭了connection回调
    socket.on('disconnect', () => {
        console.log(`Disconnected: ${socket.id}`);
       //Code
    })
});

修正后的代码：

io.on('connection', socket => {
    console.log(`Connected: ${socket.id}`);
    //Code
    socket.on('disconnect', () => {
        console.log(`Disconnected: ${socket.id}`);
        //Code
    })
});

3. 部署环境配置问题 #

• 如果你的服务是通过Nginx等反向代理部署，需要额外配置WebSocket支持，在Nginx的location配置中加入以下参数：

proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
proxy_set_header Host $host;

• 检查服务器的防火墙/安全组规则，有没有开放你部署时使用的端口，允许公网访问。
• 确认前端Socket.IO客户端的连接地址已经替换为线上服务端的实际公网IP/域名，而非本地的localhost地址。

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