原生的websocket连接成功，而vue-websocket GET失败

Question

var socket = new WebSocket('ws://10.18.11.140:9508');

import VueWebsocket from "vue-websocket";

Vue.use(VueWebsocket, "ws://10.18.11.140:9508");

Answer 1

首先跨域问题是没错的。其次要知道为什么会出现跨域问题。这就要做了解vueWs插件使用的socketIO的原理。sIO的握手过程不同于原生的ws 他是要先通过长轮训升级到ws的。而长轮训使用的是http所以就产生了跨域访问的问题。而原生的ws不存在跨域问题所以就会出现你现在这个问题。使用原生ws没问题而使用vueWS会出跨域问题