如何在VueJS中全局配置vue-socket.io时侦听传入请求

Question

我想知道在VueJS中全局配置vue-socket.io时，如何侦听来自服务器的传入请求。

我遵循vue-socket.io - npm全局设置vue-socket.io，如下所示：配置文件

我认为配置是可行的，因为可以将数据从客户端传递到服务器。然而，在客户端，我不能收听来自服务器的数据.

我尝试使用socket选项、this.$socket.on、this.$socket.subscribe、this.sockets.subscribe，结果如下：

案例: this.$socket.on结果:不运行案例: this.$socket.on

Case: socket选项结果:不运行案例:套接字选项

案例: this.$socket.subscribe & this.sockets.subscribe结果: TypeError: this.$socket.subscribe不是函数

为了澄清我的问题，我附上了服务器端代码。

如果你能帮我，我将不胜感激。提前谢谢你。

Answer 1

解决方案是将import VueSocketIO from 'vue-socket.io'更改为import VueSocketIOExt from 'vue-socket.io-extended'，所有关闭的情况都会正常工作。

区别是this.$socket.emit('changed') (vue-socket.io版本)到this.$socket.client.emit('changed') (vue-Socket.IO-扩展版本)。

https://www.npmjs.com/package/vue-socket.io-extended