vue 使用WebSocket 连接

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 使用WebSocket 连接相关的知识,希望对你有一定的参考价值。

参考技术A HTML5 WebSocket
WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。
WebSocket 使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在 WebSocket API 中,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输。
在 WebSocket API 中,浏览器和服务器只需要做一个握手的动作,然后,浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。
现在,很多网站为了实现推送技术,所用的技术都是 Ajax 轮询。轮询是在特定的的时间间隔(如每1秒),由浏览器对服务器发出HTTP请求,然后由服务器返回最新的数据给客户端的浏览器。这种传统的模式带来很明显的缺点,即浏览器需要不断的向服务器发出请求,然而HTTP请求可能包含较长的头部,其中真正有效的数据可能只是很小的一部分,显然这样会浪费很多的带宽等资源。

原生使用方法
https://www.runoob.com/html/html5-websocket.html

以上是关于vue 使用WebSocket 连接的主要内容,如果未能解决你的问题,请参考以下文章

websock第一次连不上window

在vue中使用websocket

015_NGINX作为WebSocket Proxy的设置

vue+elementUI+WebSocket接收后台实时消息推送

vue+elementUI+WebSocket接收后台实时消息推送

Vue中使用websocket的正确使用方法