vue 使用stompjs websocket连接rabbitmq

最新推荐文章于 2024-03-05 17:44:13 发布

&&hp

最新推荐文章于 2024-03-05 17:44:13 发布

阅读量2.8k

点赞数 2

文章标签： vue.js websocket rabbitmq stompjs

本文链接：https://blog.csdn.net/hhppppppp/article/details/131944645

版权

1. 首先确保rabbitmq服务已开启web-stomp

1.1 登录rabbitmq web控制台

1.2 在overview目录下下拉找到Ports and contexts 看列表有没有http/web-stomp

1.3 如果没有需要开启 window/centos 进入rabbitmq安装目录的bin目录下执行rabbitmq-plugins enable rabbitmq_web_stomp rabbitmq_stomp rabbitmq_web_stomp_examples

1.4 如果是docker安装需要先rm 容器，然后在启动命令加15674端口重新启动容器

2.前端部分

2.1 引入stompjs, npm install stompjs --save

2.2 前端完整代码

<template>
  <div class="page">
    <button @click="createConnection">连接MQTT

    </button>
    <button @click="doSubscribe">订阅主题

    </button>
    <button @click="doUnSubscribe">取消主题

    </button>
    <button @click="destroyConnection">断开MQTT

    </button>
  </div>
</template>

<script>
  import Stomp from 'stompjs'; // 引入st