WebSocket请求

感谢同事封装的一个  WebSocket1.js

var serverIp = 'ip地址' var port = 端口号export function webSocketClient() { var wsUrl = 'ws://' + serverIp + ':' + port var ws = new WebSocket(wsUrl) return ws}

页面中调用WebSocket1.js

import {webSocketClient} from '@/api/websocket1'

 

methods中

initWebSocket(){ this.websocket=webSocketClient() this.websocket.onopen=this.webSocketClientOnopen this.websocket.onmessage = this.webSocketClientOnmessage this.websocket.onerror = this.webSocketClientOnerror this.websocket.onclose = this.webSocketClientOnclose }, webSocketClientOnopen(){ console.log('链接成功') this.websocket.send("MyData"); }, webSocketClientOnmessage(e) { this.listData = JSON.parse(e.data).listData ); }, webSocketClientOnerror(){ console.log("dataCnc01G websocket连接错误"); }, webSocketClientOnclose(){ console.log("dataCnc01G websocket连接关闭"); },}, created中 created(){ this.initWebSocket();}

 

转载于:https://www.cnblogs.com/benbenbai/p/10537259.html

相关资源：vue发送websocket请求和http post请求的实例代码