vue.js - 在一个 vue/vuex 应用程序中连接到两个 websocket（通过 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 与另一台服务器通信。如何同时拥有两个具有不同服务器的 websocket？

我在这里发现了一个类似的问题，但我不确定“不使用 vue-socket-io 因为它不起作用”的答案是否正确，或者是否有办法做到这一点？在这个问题中，用户尝试使用两家商店，我也不知道这是否是一个美食创意？

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

Answer 1

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