时间戳

首页 > 解决方案 > Socket.io 客户端：总是无效的命名空间消息

node.js - Socket.io 客户端：总是无效的命名空间消息

问题描述

服务器代码：

import http from 'http';
import Koa from 'koa';
import { Server } from 'socket.io';


(async () => {
  const app = new Koa();
  var server = http.createServer(app.callback());
  var io = new Server(server, {
    path: '/seacher',
    transports: ['websocket'],
  });

  io.on('connection', (socket) => {
    setTimeout(() => socket.emit('message', { say: 'hello' }), 1000);

    socket.on('message', (msg) => {
      console.log('[msg]', msg);
    });
  });

  server.listen(3000)
})();

客户端代码：

var socket = io('http://localhost:3000/seacher', {
  path: '/seacher',
  autoConnect: false,
  transports: ['websocket'],
});
socket.on('error', (err) => console.log('error', err));
socket.on('connect', () => console.log('connect'));
socket.connect();

浏览器/nodejs 控制台中没有任何消息。

在浏览器的“网络”选项卡中，有很多带有消息的连接，例如

在此处输入图像描述

标签： node.jstypescriptsocket.iokoa

解决方案

将客户端代码更改为：

var socket = io('http://localhost:3000', {     // note changed URL here
  path: '/seacher',
  autoConnect: false,
  transports: ['websocket'],
});

该path选项指定 socket.io 将在内部使用的 URL。您将其放入path选项中，就像您在客户端和服务器中所做的那样。

如果您在指定的 URL 中放入一些内容'http://localhost:3000/seacher'，那么这就是/seacher您尝试连接的名称空间，但您的服务器不支持该名称空间。

这是 socket.io 设计中令人困惑的部分，但在 socket.io 中路径和命名空间不是一回事。不要混淆或混合它们。

path仅供参考，除非您尝试运行多个在同一 http 服务器上共享的 socket.io 服务器（您似乎没有这样做），否则很少有理由按照您的方式自定义选项。默认情况下，路径/socket.io在日志和调试器以及访问客户端库时非常有意义。我建议您path从客户端和服务器中删除该选项，并将其默认设置为/socket.io. 而且，也不要在连接 URL 中使用路径，因为它指定了命名空间，而不是路径。

推荐阅读