初始化页面时,连接websocket,偶尔会出现连接不上的情况,解决办法:加定时器定时连接websocket,直到成功,清除定时器。

var ws = null;mounted() {// ws没连上会一直重连,直到成功let timer = setInterval(() => {if (!ws || (ws && ws.readyState == 3)) this.startWebsocket();else if (ws && ws.readyState == 1) clearInterval(timer); //连接成功,清除定时器}, 500);
},
methods: {startWebsocket() {ws = new WebSocket("http://localhost:8080");ws.onopen = () => {console.log("连接成功");};ws.onclose = () => {console.log("连接关闭");};ws.onmessage = evt => {console.log("接收消息成功");};ws.onerror = () => {console.log("连接失败");};}
}

WebSocket连接时的四种状态

WebSocket的四种状态
CONNECTING:值为0,表示正在连接。
OPEN:值为1,表示连接成功,可以通信了。
CLOSING:值为2,表示连接正在关闭。
CLOSED:值为3,表示连接已经关闭,或者打开连接失败。

websocket连接不上相关推荐

  1. websocket连接mqtt实现发布及订阅主题

    2019独角兽企业重金招聘Python工程师标准>>> 环境:linux(ubuntu.Centos7),websocket,mosquitto-1.4.10,libwebsocke ...

  2. 小程序 连接websocket 开发者工具上可以,但是真机上不行

    连接websocket 开发者工具上可以,但是真机上不行 一定要保证真机和websocket机器在同一个网段: 基础库 2.4.0 提供了 wx.startLocalServiceDiscovery ...

  3. websocket 连接本地端口_聊聊 WebSocket,还有 HTTP

    还记得曾经风靡一时的 QQ 秀聊天室吗?那时,还在上初.高中的我们,QQ 是最常用的聊天交友工具:而 QQ 秀聊天室的出现打破了只能按条件查找好友的局限性,大家可以随意进入聊天室房间,进行在线聊天.怀 ...

  4. 使用Nginx代理和转发Websocket连接

    1.Websocket 简介 WebSocket协议是基于TCP的一种新的网络协议.它实现了浏览器与服务器全双工(full-duplex)通信--允许服务器主动发送信息给客户端. 2.Nginx 简介 ...

  5. akka kafka java_当使用websocket连接时,使用akka-stream-kafka从kafka主题获取最后一条消息...

    使用David van Geest非常巧妙地描述的方法,我能够避免在客户端连接时获取任何上游数据here 归结为在Consumer上有一个BroadcastHub: val liveSource = ...

  6. websocket 连接本地端口_Web应用架构WebSocket 协议介绍

    由HyBi工作组开发的WebSocket有线协议(RFC 6455)由两个高级组件组成:用于协商连接参数的开放HTTP握手和二进制消息帧机制,以实现低开销.基于消息的文本和二进制数据传输. WebSo ...

  7. nginx开启支持websocket连接

    引用至:http://www.javajob.work/article/24 2020-1-9: nginx的启动:/usr/local/nginx/sbin/nginx -c /usr/local/ ...

  8. 支付宝小程序使用MQTT over WebSocket连接阿里云IoT物联网平台

    前言 之前写了一篇微信小程序使用MQTT over WebSocket连接阿里云IoT物联网平台,介绍了如何使用mqtt.js在微信小程序上连接mqtt服务器,文中顺带提了mqtt.js是支持支付宝小 ...

  9. android 保持socket连接,android – 如何保持websocket连接活着?

    我有一个 Android应用程序,即时通讯是关键功能之一.为了实现IM功能,我们使用基于websocket的推送服务器. 对于我的应用程序,我有一个PushService,在此服务中,我建立了一个we ...

最新文章

  1. python 因果推断_KDD 2018:微软推出用于因果推断的Python库
  2. DL-5 深度学习框架的对比
  3. 哈尔滨__伏尔加庄园
  4. 空调自控系统基础知识及应用
  5. WinForm界面设计优化过程
  6. tcp_handle_req: Made 4 read attempts but message is not complete yet - closing connection
  7. 暑期社会实践服务器维护,寒假网络维护社会实践报告
  8. java空格键_Java KeyPressed-如果其他键也太旧,则无法检测是否按下了空格键
  9. OpenGL阴影添加学习材料及总结
  10. 网易的企业免费邮箱和腾讯的企业邮箱
  11. 中国上市公司2001-2020年历史股票数据下载(获得方式见网页 http://yanzw.cn )
  12. Java车辆牌照识别
  13. python地理空间_Python批量下载地理空间数据云数据!Python无所不能!-站长资讯中心...
  14. opporeno怎么刷鸿蒙系统,opporeno老是提示更新系统
  15. VBA代码库智能输入提示 VBA代码助手专业版
  16. 进程间通讯的5种方式
  17. 树莓派开机自动运行shell脚本——记录开机时间
  18. 二分查找 leetcode 35 69 50 74
  19. kotlin自定义view
  20. LeetCode 力扣每日一题 488.祖玛游戏

热门文章

  1. Allegro等长走线设计遇到的一些问题
  2. 聚类分析在用户行为中的实例_聚类分析案例之市场细分
  3. 电信网上营业厅用户自服务系统的设计与实现
  4. 怎么在cmd中运行python脚本_cmd中运行python脚本智能使用流程
  5. mysql qcow2_如何创建qcow2格式的磁盘镜像并填充数据?
  6. 【驻油点】一辆重型卡车欲穿过1000公里的沙漠,卡车耗油为1升/公里,卡车总载油能力为500公升。显然卡车一次是过不了沙漠的。因此司机必须设法在沿途建立几个贮油点,使卡车能顺利穿越沙漠,试问司机如何建
  7. 2022年油价的暴涨让你意识到了什么?
  8. App数据分析到底要分析什么
  9. (完结)Unity游戏开发——新发教你做游戏(七):Animator控制角色动画播放
  10. CAD自学笔记21条,零基础学CAD可以看看