vue3+TS 使用 stompjs 连接RabbitMQ

1，安装types版本的stompjs

npm install -D @types/stompjs

2，引用 stompjs

import Stomp from 'stompjs'

3，定义配置参数 

const MQTT_SERVICE = 'ws://xxx.xxx.x.xxx:xxxxx/ws' // mq服务地址

const MQTT_USERNAME = 'admin' // mq连接用户名

const MQTT_PASSWORD = 'admin' // mq连接密码

4,具体使用

function connectMQ(){

  const socket = new WebSocket(MQTT_SERVICE);

  const stompClient = Stomp.over(socket);

  stompClient.heartbeat.outgoing = 0;

  stompClient.heartbeat.incoming = 0;

  const onConnected = () => {

    console.log('登录成功！');

    stompClient.subscribe('myRabbitMQ', onMessageReceived);

  };

  const onMessageReceived = (message: { body: any; }) => {

    console.log('返回数据:', message.body);

  };

  const onError = (error: any) => {

    console.error('RabbitMQ连接失败,错误原因:', error);

    console.error('5秒后重新连接......');

    window.setTimeout(()=>{

        connectMQ();

    },5000)

  };

  stompClient.connect(MQTT_USERNAME, MQTT_PASSWORD, onConnected, onError, '/');

}

 5.打开界面调用方法

onMounted(() => {

connectMQ();

});