Vue.js 中的 Mqtt 客户端（更改 Vue.use 参数）

Question

我正在开发一个 vue.js 应用程序。 我的一个页面需要有机会连接到 mqtt 代理并订阅主题。 对于更有经验的用户来说，这个问题可能很容易处理。 我用vue-mqtt package 试了一下。 我需要在 main.js 中创建应用程序时通过使用“Vue.use”导入插件。 这是一个一次性集成，因为它在 Vue 实例中。 在 Vue.use 内部，我将代理 url 作为参数移交。 之后有没有办法从组件内部更改它？

我还尝试了 mqtt.js 和 paho 集成，但在 chrome 中出现错误。 Firefox 与 test.mosquito.org 代理合作，但不是与我自己在 localhost 的代理合作。 如果我在此线程中的第一个问题没有解决方法，我将提供有关 paho 错误的更多信息。

提前致谢

Answer 1

这是 Element + Vue.js 中 MQTT WebSocket 的代码示例

EMQ X Dashboard MQTT-WebSocket