美文网首页
vue+websocket使用总结

vue+websocket使用总结

作者: 努力学习的小丸子 | 来源:发表于2020-02-26 14:01 被阅读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) {
                        }
}
            }
        

相关文章

网友评论

      本文标题:vue+websocket使用总结

      本文链接:https://www.haomeiwen.com/subject/rfcvchtx.html