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

【问题标题】：Connection to two websockets (via vue-socket.io) in one vue/vuex app在一个 vue/vuex 应用程序中连接到两个 websocket（通过 vue-socket.io）
【发布时间】：2020-05-27 09:36:31
【问题描述】：

所以我有一个使用 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？

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

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

【问题讨论】：

标签： vue.js websocket vuex vue-socket.io

【解决方案1】：

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

【讨论】：