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

我尝试从 VUE 客户端连接到两个不同的 Web 套接字服务器vue-socket.io像这样：

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 and store2.js

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

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

知道我如何将两者连接起来吗？

你可以在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 实例中侦听多个套接字实例（对于前命名空间）的功能。 如果连接作为对象传递，则可以使用键来识别，从而能够隔离侦听器。