vueではSockjsとstompjsを用いてリアルタイムデータを実現

導入

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

コード#コード#

	  let socket = new SockJS('api/gcIot-supervise-manholecover/webSocketEndPoint');  //   
      this.stompClient = Stomp.over(socket);
      let headers = {
        Authorization:getToken()   //   token
      }
      this.stompClient.connect(headers,  (frame) => {   //   
          console.log(frame);
          this.stompClient.subscribe('/topic/greetings', (greeting) => {   //            
            console.log(greeting)
          },headers);
          this.stompClient.send("/app/demo", headers,'134567');  //      1234567
      },(err) => {
        console.log('  ')
        console.log(err)
      })