websocket 握手后台

最新推荐文章于 2024-02-05 16:25:15 发布

愿祖国繁荣昌盛user

最新推荐文章于 2024-02-05 16:25:15 发布

阅读量340

点赞数 3

文章标签： vue.js javascript html5

本文链接：https://blog.csdn.net/weixin_49875821/article/details/121607608

版权

本文介绍了如何在Vue项目中使用WebSocket进行后台握手。首先，通过npm安装WebSocket库，接着配置websocket.ts文件，确保URL与后台匹配。然后在所需页面引入并设置，最后通过监听数据接收后台返回的信息。

摘要由CSDN通过智能技术生成

先下载: npm install websocket

配置文件 websocket.ts

/* eslint-disable @typescript-eslint/no-explicit-any */

let websock: any = null // 定义websock变量
// const url = 'ws://127.0.0.1:8080'
const url = 'ws://192.168.3.136:8082/zygk/ws/init.ws?userId=1' // 设定链接地址

// const websocketonopen = () => { // 连接建立之后执行send方法发送数据
//   // const actions = { test: '12345' }
//   // websocketsend(JSON.stringify(actions))
// }
const websocketonerror = () => { // 连接建立失败重连
  initWebSocket()
}
const websocketonmessage = (e: any) => { // 数据接收
  window.dispatchEvent(new CustomEvent('onmessageWS', {
    detail: {
      data: JSON.parse(e.data)
    }
  }))
  // const redata = JSON.parse(e.data)
  // // const redata = e
  // console.log(redata)
}
// const websocketsend = (Data: any) => {

最低0.47元/天解锁文章

愿祖国繁荣昌盛user

关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
websocket 握手后台

配置文件websocket.ts/* eslint-disable @typescript-eslint/no-explicit-any */let websock: any = null // 定义websock变量// const url = 'ws://127.0.0.1:8080'const url = 'ws://192.168.3.136:8082/zygk/ws/init.ws?userId=1' // 设定链接地址// const websocketonopen = (..
复制链接

扫一扫