websocket 发送给前端一个对象_vue中后台websocket发送的数据,前端如何接收和发送数据...
修改两处代码即可使用,一个是请求后台的地址,还有一个是发送给后台的参数,(注意:webstock中只能发送字符串)created() {this.initWebSocket();},destroyed() {this.websock.close();//离开路由之后断开websocket连接},methods: {initWebSocket(){//初始化weosocket(必须)const ws
修改两处代码即可使用,一个是请求后台的地址,还有一个是发送给后台的参数,(注意:webstock中只能发送字符串)
created() {
this.initWebSocket();
},
destroyed() {
this.websock.close();//离开路由之后断开websocket连接
},
methods: {
initWebSocket(){//初始化weosocket(必须)
const wsuri = "后台给你的请求地址"; //请根据实际项目需要进行修改
this.websock = new WebSocket(wsuri); //新建一个webstock对象
this.websock.onmessage = this.websocketonmessage;
this.websock.onopen = this.websocketonopen;
this.websock.onerror = this.websocketonerror;
this.websock.onclose = this.websocketclose;
},
websocketonopen(){//websocket连接后发送数据(send发送)
let actions = {你要发送给后台的参数}; //请根据实际项目需要进行修改
this.websocketsend(JSON.stringify(actions));
},
websocketonerror(){//连接建立失败重连
this.initWebSocket();
},
websocketonmessage(e){ //数据接收
this.redata = JSON.parse(e.data).data;
console.log(this.redata);
},
websocketsend(Data){//数据发送
this.websock.send(Data);
},
websocketclose(e){ //关闭
console.log('断开连接',e);
},
},
更多推荐
所有评论(0)