stomp.connect未被執(zhí)行

<template>
  <div class="wrap">
    <MyHeader></MyHeader>
    <div class="box">
      <p>維修之前請(qǐng)務(wù)必做好安全防護(hù)準(zhǔn)備。</p>
      <p>遠(yuǎn)程操作請(qǐng)確保駕駛室內(nèi)技師做好協(xié)助工作。</p>
      <p>確保您的網(wǎng)絡(luò)鏈接暢通。</p>
      <div class="modul" @click="onSend">識(shí)別模塊</div>
    </div>
    <loading v-show="this.$store.state.loading"></loading>
  </div>
</template>
<script>
  import Stomp from 'stompjs'
  import SockJS from 'sockjs-client/dist/sockjs'
  let sock = new SockJS("http://192.168.3.123:80/diagnose")
  let stomp = Stomp.over(sock)

  import MyHeader from '../base/MyHead'
  import loading from '../base/loading'
  export default {
    name: 'index',
    components:{
      MyHeader,loading
    },
    data () {
      return {
        currentTime: '',
        lastTime: '',
        timeOut: '',
        modal1: false,

      }
    },
    beforeCreate(){
      let that = this;
      let cdtId = this.$store.state.cdtId;
      //連接服務(wù)器
      stomp.connect('guest', 'guest', function(frame) {
        console.log('*****  Connected  *****');
        //進(jìn)入診斷
        stomp.subscribe("/topic/"+cdtId+"/diagnosis/enterDiagnosis", that.enterDiagnosis);
        //退出診斷
        stomp.subscribe("/topic/"+cdtId+"/diagnosis/quitDiagnosis", that.quitDiagnosis);
        //模塊識(shí)別
        stomp.subscribe("/topic/"+cdtId+"/diagnosis/moduleRecognition", that.handleMsg);
        //模塊信息
        stomp.subscribe("/topic/"+cdtId+"/diagnosis/moduleInfo", that.moduleInfo);
        //故障碼
        stomp.subscribe("/topic/"+cdtId+"/diagnosisreadFaultCode", that.readFaultCode);
        //實(shí)際值
        stomp.subscribe("/topic/"+cdtId+"/diagnosis/readActualValue", that.ActualValueDetail);
        //快速診斷
        stomp.subscribe("/topic/"+cdtId+"/diagnosis/fastDiagnose", that.FastDiagnose);
      }, function(error) {
        console.log('error:'+error);
      });
    }
  }
</script>