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

Vue.js 使用vue-socket.io连接到WebSocket服务器,vue.js,websocket,socket.io,vue-socket.io,Vue.js,Websocket,Socket.io,Vue Socket.io,我正在尝试使用vue-socket.io连接到WebSocket服务器。服务器是使用Java(Play framework 1.5.3)构建的,并在localhost:9000上运行。我已通过在浏览器控制台中创建WebSocket并使用以下代码发送消息来验证服务器是否正常工作: ws = new WebSocket("ws://localhost:9000/ws"); ws.onmessage = function (e) { console.log("Ec

我正在尝试使用vue-socket.io连接到WebSocket服务器。服务器是使用Java(Play framework 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 repo复制了示例代码,并更改了URL和路径参数:

Vue.use(new VueSocketIO({
  debug: true,
  connection: 'http://localhost:9000',
  vuex: {
      store,
      actionPrefix: 'SOCKET_',
      mutationPrefix: 'SOCKET_'
  },
  options: { 
    path: "ws",
  }
}))
(我注意到连接参数以http而不是ws开头,但更改它似乎没有什么区别)

在将JS示例中的请求与浏览器“网络”选项卡中的Vue套接字示例进行比较时,我注意到Vue示例请求的端点完全不同。就好像Vue套接字库完全忽略了我指定的URL,但我认为这是故意的,因为我对该库或底层套接字io库都不熟悉

JS:

Request URL: ws://localhost:9000/ws
Request URL: ws://localhost:8080/sockjs-node/510/y2o5cq1o/websocket
Vue套接字:

Request URL: ws://localhost:9000/ws
Request URL: ws://localhost:8080/sockjs-node/510/y2o5cq1o/websocket
如果有人能为我指出解决这个问题的正确方向,我将非常感激

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