websocket跨域 vue引用websocket

大家好,今天小编来为大家解答以下的问题，关于websocket跨域，vue引用websocket这个很多人还不知道，现在让我们一起来看看吧！

怎么解决CORS error

1、要解决CORSerror，可以通过以下方法：在服务器端配置跨域访问的允许控制头部信息；在客户端使用代理服务器来转发请求，避免直接跨域请求；在客户端发起请求时，使用JSONP或CORS插件来进行跨域请求；在服务器端设置代理服务器，将跨域请求转发到目标服务器；5.使用WebSocket协议来与服务器进行通信，避免跨域问题。

什么是跨域，跨域的实现方式有哪些

查了一些资料，再结合我之前的了解，给大家介绍一下，如果有说的不对的地方，请大家留言指正。

浏览器有一个毛病（策略）：请求url的协议、域名、端口必须相同，才允许访问（通信），否则就不允许访问，是跨域。

https(协议)://www.wukong.com(域名和端口)/index.html

比如：

https://www.wukong.com/index.html

http://www.wukong.com/index.html

这样就不允许通信，因为协议不同。

完整的举个例子：

你有服务器A和服务器B，服务器A上存着CSS和JS脚本，服务器B上存着HTML，HTML页面上的CSS和JS都是链接的服务器A上面的。

然后用浏览器打开服务器B上面的xxx.html，页面打开后可以正常渲染出样式，可以运行JS脚本，这样就是跨域名，跨端口，跨协议。

JSONP：利用了script标签不受同源策略的限制，通过script加载服务器A的资源。

Proxy代理：使用服务器接口做代理，因为同源策略之针对浏览器。

CORS：跨域资源共享，这个就是浏览器后悔了，出了一个跨域访问机制（XMLHttpRequest），低版本IE不支持。

Postmessage：HTML5新增的跨域机制。

Nginx反向代理：相当于Proxy代理。

希望我的回答可以帮助到你！

好了，文章到此结束，希望可以帮助到大家。