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

【问题标题】：Mqtt Client in Vue.js (Change Vue.use parameters)Vue.js 中的 Mqtt 客户端（更改 Vue.use 参数）
【发布时间】：2020-05-29 12:15:51
【问题描述】：

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

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

提前致谢

【问题讨论】：

这里没有一个技术问题。将问题编辑为单个问题，例如显示您从 MQTT.js 或 Paho JS 客户端使用的代码并包含错误。请阅读doc，了解一个好的问题需要什么。 SO 帖子是一个问题，而不是正在进行的讨论的“线程”。

标签： javascript vue.js mqtt

【解决方案1】：

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

EMQ X Dashboard MQTT-WebSocket

【讨论】：

这基本上是一个仅链接的答案，一旦链接断开，它就会变得无用。答案应包含实质内容，链接仅供参考。