vue中使用SockJS实现websocket

1. 下载对应的包

 npm install sockjs-client stompjs -S

2.引入

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

3.建立连接订阅消息

. connection() { // methods方法（在create中调用）
      const socket = new SockJS('http://xxx.xxx.x.x:8301/url') // url为后端地址
      this.stompClient = Stomp.over(socket)
      this.stompClient.connect({}, (frame) => {
        this.stompClient.subscribe('订阅地址', (response) => { // 订阅相关消息
        // respense.body 为消息内容
      }, (err) => {
        console.log('失败')
        console.log(err)
      })
    },

补充
发送消息

this.stompClient.send('地址', 头部信息（可选）, JSON.stringify(obj))