Socket.io 客户端连接，socket.on 事件不触发

Question

我正在使用包“socket.io-client”：“^2.2.0”

在我的网络应用程序中，我在引导程序上有以下代码：

export const socket = io.connect(process.env.VUE_APP_SOCKET_URL, {
  reconnection: true,
  reconnectionDelay: 1000,
  reconnectionDelayMax: 5000,
  reconnectionAttempts: Infinity
})

然后在应用程序周期的后期，我有以下监听器

import socket from './api/socket'

function handleAutobox() {
  console.log('handling autobox')
}
console.log('Connect')
socket.on('autobox', handleAutobox)

在生产中检查时，我看到代码已运行（已记录“连接”）。我看到套接字网络流量被捕获：

问题是永远不会调用handleAutobox 函数。如果我确定我已经运行了 socket.on，那怎么可能？

更新：添加服务器端代码：

let socket_io = require('socket.io'),
    io;

let server = http.createServer(app)
  .listen(app.get('port'), () => {
    io = socket_io.listen(server);
    console.info(`App listening on port ${port}!`);
  });

// ...inside route function:
io.emit('autobox', autobox);

更新：添加socket.on('connect' ...)：

在创建套接字后直接添加socket.on('connect' ...) 时，我发现它也没有被调用。而不是io.connect(...)，我尝试@Keith 的io() 建议与单独的io.on 事件，仍然没有骰子。

所以真正的问题是没有建立“连接”，但数据仍在网络上发送。我想我真的不了解套接字。明明没有建立连接也能发送数据？

Answer 1

看起来你的console.log('Connect') 是全局的，所以无论如何它都会运行。尝试将其放入连接套接字时调用的函数中。所以在你的服务器上你有类似的东西

io.on('connection' function(socket) {
  console.log('Socket Connected');
// Update
io.emit('autobox', autobox);
  socket.emit('autobox');
})

U 不能将套接字代码放置在路由中，它必须在此连接回调中并且仅在此回调中。至少那是我被告知的。希望这会有所帮助