使用vue-socket.io连接到WebSocket服务器

问题描述

我正在尝试使用vue-socket.io连接到WebSocket服务器。该服务器使用Java（Play框架1.5.3）构建，并在localhost：9000上运行。我已通过在浏览器控制台中创建WebSocket并使用以下代码发送消息来验证服务器是否正常工作：

ws = new WebSocket("ws://localhost:9000/ws"); 

ws.onmessage = function (e) {
  console.log("Echo: " + e.data);
};

ws.send("Hello World!");

服务器按预期收到了连接和消息，因此我认为问题一定在客户端。对于客户端代码，我刚刚从GitHub存储库复制了示例代码，并更改了URL和路径参数：

Vue.use(new VueSocketIO({
  debug: true,connection: 'http://localhost:9000',vuex: {
      store,actionPrefix: 'SOCKET_',mutationPrefix: 'SOCKET_'
  },options: { 
    path: "ws",}
}))

（我注意到，连接参数以http而不是ws开头，但似乎没有任何区别）

在浏览器的“网络”选项卡中将JS示例的请求与Vue-socket示例进行比较时，我注意到vue示例请求一个完全不同的终结点。好像Vue-socket库完全忽略了我指定的URL，但是我认为这是故意的，因为我不熟悉该库或底层的socket-io库。

JS：

Request URL: ws://localhost:9000/ws

Vue-Socket：

Request URL: ws://localhost:8080/sockjs-node/510/y2o5cq1o/websocket

如果有人能指出正确的解决方法，我将非常感谢。

更新：将path选项更改为/ ws而不是ws时，服务器开始每秒接收一次get和post请求。将http连接升级到websocket连接是否需要握手过程的一部分？如果是这样，为什么在JS示例中不会发生这种情况？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）