当前位置: 首页 > news >正文

websocket vue操作

let websocket: WebSocket;
/** websocket测试 */
function connectWebsocket() {if (typeof WebSocket === "undefined") {console.log("您的浏览器不支持WebSocket");return;}// let ip = window.location.hostname + ":8080";let ip = "10.192.30.161:8080";let url = `ws://${ip}/websocket/download`;// 打开一个websocketwebsocket = new WebSocket(url);// 建立连接websocket.onopen = () => {console.log("websocket已连接");// websocket.send("ping");};// 客户端接收服务端返回的数据websocket.onmessage = (evt) => {let data = evt.dataconsole.log("websocket返回的数据:", data);if (data.length > 0) {handleSearch();}};// 发生错误时websocket.onerror = (evt) => {console.log("websocket错误:", evt);};// 关闭连接websocket.onclose = (evt) => {console.log("websocket关闭:", evt);};
}
connectWebsocket();// 监听窗口关闭事件,当窗口关闭时,主动去关闭websocket连接,防止连接还没断开就关闭窗口,server端会抛异常。
window.onbeforeunload = function () {websocket.close();
}
http://www.lryc.cn/news/255934.html

相关文章:

  • 腾讯云CentOS8 jenkins war安装jenkins步骤文档
  • Linux: glibc: net/if.h vs linux/if.h
  • 使用Android Studio导入Android源码:基于全志H713 AOSP,方便解决编译、编码问题
  • python random详解
  • java-两个列表进行比较,判断那些是需要新增的、删除的、和更新的
  • 【WPF.NET开发】WPF中的对话框
  • NLP项目实战01之电影评论分类
  • 一款可无限扩展的软件定时器开源框架项目代码
  • GRE与顺丰圆通快递盒子
  • 12.Mysql 多表数据横向合并和纵向合并
  • 线性回归与逻辑回归:深入解析机器学习的基石模型
  • 电脑待机怎么设置?让你的电脑更加节能
  • 数据库对象介绍与实践:视图、函数、存储过程、触发器和物化视图
  • arm平台编译so文件回顾
  • 【数据结构】顺序表的定义和运算
  • idea使用maven的package打包时提示“找不到符号”或“找不到包”
  • MetricBeat监控MySQL
  • Child Mind Institute - Detect Sleep States(2023年第一次Kaggle拿到了银牌总结)
  • Esxi7Esxi8设置VMFSL虚拟闪存的大小
  • vue2+electron桌面端一体机应用
  • 目标检测——OverFeat算法解读
  • vue获取主机id和IP地址
  • 在pytorch中自定义dataset读取数据
  • ConvNeXt V2: Co-designing and Scaling ConvNets with Masked Autoencoders
  • Java后端的登录、注册接口是怎么实现的
  • TCP Keepalive 和 HTTP Keep-Aliv
  • 操作系统 复习笔记
  • Java中实现单例模式的方式
  • Vue3-01-创建项目
  • Go 语言中的反射机制