vue-socket.io如何连接多个websocket服务器

Question

我尝试使用vue-socket.io从VUE客户端连接到两个不同的web-socket服务器，如下所示：

import { store } from '@/store/store'
import { store2 } from '@/store/store2'

Vue.use(Vuex)

Vue.use(VueSocketio, 'http://192.168.1.101:8000', store)
Vue.use(VueSocketio, 'http://192.168.1.102:8001', store2)

我已经创建了2个存储文件store.js和store2.js

实际上，第一条Vue.use(VueSocketio…线路可以连接并正常工作，但第二条线路无法正常工作。因此，在上面的示例中，连接的是Port 8000，而不是Port 8001。当我交换这两条线路时，Port 8001将连接，但Port 8000不会。

我发现的所有示例都只处理一个Web-socket服务器，而且工作得很好。使用VUE客户端连接到多个Web套接字服务器的最佳实践是什么？

你知道我怎么把这两个连接起来吗？

Answer 1

你可以在Github上找到解决方案：https://github.com/MetinSeylan/Vue-Socket.io/pull/98

添加多个命名空间/套接字连接

let connectObj = {
  notification: 'http://localhost:5000/notification',
  client: 'http://localhost:5000/client'
}
Vue.use(VueSocketio, connectObj, store)

这增加了在单个Vue实例中侦听多个套接字实例(用于前命名空间)的功能。如果connection作为对象传递，则可以使用键来标识，从而能够隔离侦听器。