this.$socket.on('connect', () => { console.log('WebSocket connected') })没有生效

如果`this.$socket.on('connect', () => { console.log('WebSocket connected') })`没有生效，可能是因为WebSocket连接已经完成，因此连接事件已经触发并被处理了。你可以在组件的`mounted`生命周期钩子中添加这个监听器，或者在`created`生命周期钩子中使用`this.$nextTick()`方法来确保WebSocket连接已经建立：

created() {
  this.$nextTick(() => {
    this.$socket.on('connect', () => {
      console.log('WebSocket connected')
    })
  })
}

如果这样做还是不行，可以检查一下WebSocket连接的地址是否正确，以及服务器是否正常运行。另外，还可以在控制台中查看WebSocket连接的状态和错误信息，以便找出问题所在。

相关问题

this.$socket.on('message', (message) => { console.log('WebSocket received message:', message) this.messages.push(message) })也没有生效

如果`this.$socket.on('message', (message) => { console.log('WebSocket received message:', message) this.messages.push(message) })`也没有生效，那么可能是服务器没有正确地向客户端发送消息。你可以在客户端控制台中查看是否有错误消息。如果没有错误消息，则可以在服务器端检查代码，确保正确地向客户端发送消息。

另外，你可以尝试在Vue组件的`mounted`生命周期钩子中添加这个监听器，确保WebSocket连接已经建立。同时，还需要确保你的服务器端代码正确监听了客户端发送的消息，并正确地向客户端发送消息。以下是一个简单的服务器端代码示例：

const io = require('socket.io')(3000)

io.on('connection', (socket) => {
  console.log('WebSocket connected')

  //监听客户端发送的消息
  socket.on('message', (message) => {
    console.log('WebSocket received message:', message)
    //向客户端发送消息
    socket.emit('message', `Received: ${message}`)
  })
})

在上面的代码中，我们使用`socket.io`库创建了一个WebSocket服务器，并监听了客户端连接事件和收到消息事件。当客户端连接时，服务器会输出一条日志。当客户端发送消息时，服务器会输出一条日志，并向客户端发送一条消息。在客户端接收到服务器发送的消息时，也会输出一条日志。

function websocketTo(serverIp) { let websocket = new WebSocket('ws://' + serverIp + '/pager?mac=' + config.mac) websocket.onopen = event => { console.log('WebSocket：连接成功', event) } websocket.onmessage = event => { console.log('WebSocket：收到消息', event.data) eventbus.publish('websocket', event.data) } websocket.onerror = event => { console.log('WebSocket：连接错误', event) websocket.close(1000, '关闭并重连') } websocket.onclose = event => { console.log('WebSocket：连接关闭', event) setTimeout(() => { websocketTo(serverIp) }, 10000) eventbus.publish('websocket', 'closed') } }

这是一个用于建立WebSocket连接并处理连接状态的函数`websocketTo(serverIp)`。该函数接受一个`serverIp`参数，用于指定WebSocket服务器的IP地址。

在函数内部，使用`new WebSocket()`创建一个WebSocket对象，并通过指定的`serverIp`和其他参数创建连接。在连接建立成功时，会触发`onopen`事件，并在控制台打印连接成功的消息。

当接收到WebSocket服务器发送的消息时，会触发`onmessage`事件，并在控制台打印收到的消息。同时，通过`eventbus.publish('websocket', event.data)`将收到的消息发布到`websocket`事件上，以便其他订阅了该事件的代码可以进行相应处理。

如果发生连接错误，会触发`onerror`事件，并在控制台打印连接错误的消息。然后，调用`websocket.close()`方法关闭WebSocket连接，并传递关闭码和原因。

当连接关闭时，会触发`onclose`事件，并在控制台打印连接关闭的消息。然后，通过`setTimeout()`函数延迟10秒后再次调用`websocketTo(serverIp)`函数重新建立连接。同时，通过`eventbus.publish('websocket', 'closed')`将连接关闭的消息发布到`websocket`事件上。

这个函数主要用于处理WebSocket连接的建立、消息的收发以及连接状态的处理。