Socket.io客户端connect事件回调中socket.emit()调用不生效问题

• 传输策略导致消息未走WebSocket通道：Socket.io默认开启降级兼容策略，会先使用HTTP长轮询传输数据，连接稳定后才会升级为WebSocket协议。此时你在Network面板的WS标签下看不到emit消息属于正常现象，消息会走HTTP请求发送，可以到「Fetch/XHR」分类下查找对应请求确认发送状态。如果需要强制使用WebSocket传输，可修改客户端初始化配置：

// 客户端新增transports配置
var socket = io.connect('ws://localhost:3000', {
  transports: ['websocket']
});

• 连接地址缺少协议前缀：当前客户端连接地址仅填写localhost:3000，没有指定http/websocket协议前缀，会导致Socket.io内部地址解析异常，出现控制台打印socket对象但实际未完成可用连接的情况，补全协议头即可：

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

• 两端版本不兼容：Socket.io大版本之间不互通，如果服务端使用v3/v4版本，客户端使用v2及更早版本，会出现伪连接问题：connect回调正常触发但无法收发任何消息，需要保证服务端socket.io包和客户端socket.io-client包的大版本号完全一致。
• CORS配置不完整：当前服务端仅配置了origin允许规则，复杂跨域场景下还需要补充请求头和凭证配置，避免跨域拦截导致消息发送失败：

var io = require('socket.io')(3000, {
    cors: {
        origin: '*',
        allowedHeaders: '*',
        credentials: true
    },
});

• 本地缓存异常：可尝试清除浏览器缓存、强制刷新页面后重试，排除旧的客户端代码缓存导致的逻辑异常。

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