vue+websocket使用总结

2020-02-26  本文已影响0人  努力学习的小丸子

安装sockjs-client和stompjs

npm/cnpm install sockjs-clent
npm/cnpm install stompjs

在需要使用的vue文件中引用

import SockJS from  'sockjs-client';
import  Stomp from 'stompjs';

在文件中监听websocket接口

注意:initWebsocket()方法只有在页面刷新的时候会调用,而stompClient.subscribe('/topic/global', function(message) {}中的代码在每一次接收到数据时都会触发。

    var socket = new SockJS(this.httpUrl + "/ws");
                var stompClient = Stomp.over(socket);
                this.$nextTick(() => {
                    stompClient.connect({}, function(frame) {
                        stompClient.subscribe('/topic/global', function(message) {
                        }
}
            }
        
上一篇 下一篇

猜你喜欢

热点阅读