WebSocket连接后收不到消息是怎么回事？

浩圆 Dev 提问于 2026-03-13 18:04:21 阅读 3

交互

我用WebSocket连上了后端，onopen能正常触发，但发消息过去后，onmessage完全没反应，是不是哪里写错了？

后端说已经收到我的请求并返回了数据，但我前端就是收不到。试过在浏览器控制台看网络面板，Frames里确实有返回的数据帧，但代码里的onmessage就是不执行。

const ws = new WebSocket('ws://localhost:8080/chat');

ws.onopen = () => {
  console.log('连接成功');
  ws.send(JSON.stringify({ type: 'join', userId: '123' }));
};

ws.onmessage = (event) => {
  console.log('收到消息:', event.data); // 这行从来没打印过
};

我来解答赞 0 收藏

反馈

1 条解答

Des.玉楠 Lv1

问题大概率在后端那儿。浏览器Frames能看到数据但onmessage不触发，说明后端可能用了普通HTTP响应而不是WebSocket帧来返回数据。

检查下后端代码，确认用的是WebSocket库的send方法，别用了http response。标准做法是这样：

// 后端用ws库的话

ws.on('message', (data) => {

  // 处理并返回

  ws.send(JSON.stringify({ msg: '收到了' }));  // 用send，不是http response

});

如果后端是Node.js原生http写的，得用ws或socket.io这类库，別自己手动拼WebSocket帧，那玩意儿协议很复杂，容易踩坑。

2026-03-13 18:09