vue中使用websocket

一：发送方和接收方的api   src/api/socket.js

export const MQTT_SERVICE='ws://192.168.1.2:9000/websocket/username'  //mqtt服务地址

export const = MQTT_USERNAME = 'admin'  //mqtt连接用户名

export const = MQTT_PASSWOORD= 'password' //mqtt连接密码

//websocket地址

export default WEBSOCKET_URL = 'ws://192.168.1.6:8192/websocket/'

二：引用

import {WEBSOCKET_URL } from '@/api/socket'

openSocket(){

     const socketUrl = WEBSOCKET_URL  + this.user.loginId  //链接地址

      if(scoket!=''){

         scoket.close()

         scoket = null

     }

    scoket = new WebScoket(socketUrl )

    //链接成功回调

    socket.onopen = ()=>{console.log('websocket已连接')}，

    socket.onmessage = (msg) =>{

       const message = JSON.parse(msg.data)

       if(message!={}){

             this.socketDialog = false

             this.seconds = 0 

             this.seconds = message.duration

       }

    },

   //socket关闭时回调

    socket.onclose = ()=>{console.log('socket已断开')}，

    //链接错误回调

    socket.onerror = (error)=>{console.log(error,'docket链接错误')}

}