vue-native-websocket 是一个轻量级的库,它允许你在 Vue 应用程序中轻松地连接和管理 WebSocket 实例。以下是关于如何在 Vue 项目中使用 vue-native-websocket 的详细步骤: 1. 安装 vue-native-websocket 库 你可以通过 npm 或 yarn 来安装 vue-native-websocket。打开你的终端或命令提示符,并运行以下命令之一: ...
1. 安装vue-native-websocket模块 2. yarn add vue-native-websocket 或者用 npm install vue-native-websocket --save 3. 在main.js中引入websocket 项目中main.js使用如下图 封装websocket的api 参考https://blog.csdn.net/m0_38134431/article/details/105794108 我自己封装的 let ws = null let messageCallb...
importwebsocketfrom'vue-native-websocket';Vue.use(websocket,'ws://localhost:8989',{// 需要连接的服务器地址,端打包后可以填地址(localhost:...),调试阶段需填写对应开发本地地址(同个局域网,能ping通的地址)或部署的在线服务地址reconnection:true,// (Boolean)是否自动重连,默认falsereconnectionAttempts:5,/...
importVueNativeSockfrom"vue-native-websocket-vue3";importstorefrom"/@/store";app.use(VueNativeSock,'你的websocket服务端连接地址',{// 启用pinia集成 | enable pinia integrationstore:store,// 数据发送/接收使用使用jsonformat:"json",// 开启手动调用 connect() 连接服务器connectManually:true,// 开启自...