Socket.io服务器配置是否正确？Heroku部署后连接无日志求助

核心问题与修复方案 #

1. 服务器代码语法错误 #

你的服务器代码存在语法问题：io.on("connection")的回调函数未闭合，导致服务器无法正常启动。修复后的完整代码：

const port = process.env.PORT || 8900;

const io = require("socket.io")(port, {
  cors: {
    origin: "https://connectbook.netlify.com/",
    credentials: true // 开启凭证支持，Socket.io连接依赖此配置
  },
});

io.on("connection", (socket) => {
  console.log("A user connected");
}); // 补上闭合括号与分号

2. 前端连接协议不匹配 #

Heroku部署的服务器默认使用HTTPS协议，前端使用ws://明文协议会被浏览器拦截，需改用对应HTTPS地址（Socket.io会自动升级为WebSocket）：

const socket = useRef(null);

useEffect(() => {
    socket.current = io('https://connectbook-chat-api.herokuapp.com/', {
      withCredentials: true // 与服务器credentials配置对应
    });
    
    socket.current.on('getMessage', (data) => {
      setArrivalMessage({
        sender: data.senderId,
        text: data.text,
        createdAt: Date.now(),
      });
    });

    // 组件卸载时清理连接
    return () => socket.current?.disconnect();
}, []);

3. 优化CORS配置 #

Socket.io连接需要额外的请求头和方法支持，补充完整CORS配置：

cors: {
  origin: "https://connectbook.netlify.com/",
  methods: ["GET", "POST"],
  allowedHeaders: ["*"],
  credentials: true
}

额外验证步骤 #

• 查看Heroku服务器日志，确认服务器无启动报错。
• 打开浏览器控制台Network标签，检查Socket.io请求是否存在404、CORS等错误。
• 确保前端域名与服务器CORS配置的origin完全一致（包括末尾是否带斜杠）。

内容的提问来源于stack exchange，提问作者Anuj kumar Jaimini