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