initWebSocket () {
//初始化weosocket
const wsUrl = this.wpath + "/system/webSocket/" + this.token; //ws地址
console.log(wsUrl);
this.webSocket = new WebSocket(wsUrl);
// console.log(this.webSocket);
this.webSocket.onopen = this.websocketonopen;
this.webSocket.onerror = this.websocketonerror;
this.webSocket.onmessage = this.websocketonmessage;
this.webSocket.onclose = this.websocketclose;
},
websocketonopen () {
console.log("WebSocket连接成功");
},
websocketonerror (e) {
//错误
console.log("WebSocket连接发生错误");
},
websocketonmessage (e) {
//数据接收 这里是后台传回来的数据
console.log(e);
let res = JSON.parse(e.data)
if (res.code !== 200) return this.$message.error(res.msg)
// const redata = JSON.parse(e.data); //注意:长连接我们是后台直接1秒推送一条数据,
// //但是点击某个列表时,会发送给后台一个标识,后台根据此标识返回相对应的数据,
// //这个时候数据就只能从一个出口出,所以让后台加了一个键,例如键为1时,是每隔1秒推送的数据,为2时是发送标识后再推送的数据,以作区分
// console.log(redata.value);
},
websocketsend (agentData) {
//数据发送
this.websock.send(agentData);
},
websocketclose (e) {
//关闭
console.log("connection closed (" + e.code + ")");
},
vue接入WebSocket
猜你喜欢
转载自blog.csdn.net/weixin_45308258/article/details/104063398
今日推荐
周排行