安装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) {
}
}
}
网友评论