在一个 vue/vuex 应用程序中连接到两个 websockets（通过 vue-socket.io）

Question

所以我有一个使用 vue 和 vuex 的 Web 应用程序，它通过 vue-socket-io 连接到 websocket，如下所示：

Vue.use(new VueSocketIO({
  debug: true,
  connection: SocketIO('http://192.168.0.31:5000'),
  vuex: {
    store,
    actionPrefix: 'SOCKET_',
  },
}));

new Vue({
  router,
  store,
  vuetify,
  render: (h) => h(App),
}).$mount('#app');

我的问题是，除了这个 websocket，我现在还需要通过 websocket 与另一个服务器通信。我怎样才能同时拥有两个具有不同服务器的 websockets？

我发现了一个类似的问题 here 但我不确定 "just not use vue-socket-io because it won't work" 的答案是否正确，或者是否有办法完成这个问题？在这个问题中，用户尝试使用两家商店，我也不知道这是否是一个美食创意？

感谢您提供有关如何解决此问题的任何提示！

Answer 1

显然使用 vuex 和上面显示的方式只能像这样连接一个 websocket。连接另一个 on 的唯一方法是在组件中本地进行。

在一个 vue/vuex 应用程序中连接到两个 websockets（通过 vue-socket.io）

Connection to two websockets (via vue-socket.io) in one vue/vuex app

websocket

vue.js

vuex

vue-socket.io