无法从 ReactJS 连接到 MQTT Broker

Question

我在连接到在 docker 中运行的本地 MQTT Broker 时遇到问题。

这是我的连接文件：

import mqtt from 'mqtt';
const client = mqtt.connect({
  host: 'ws://192.168.31.46',
  port: 1883,
});
client.on('connect', () => {
  console.log('Connected');
  client.subscribe('SEND_MESSAGE', function (topic, message) {
    console.log({ topic, message });
  });
});
export default client;

Answer 1

端口号 (99.9%) 错误，端口 1883 是本机 MQTT 端口，而不是 WebSockets 上的 MQTT。 正确的端口将取决于您如何配置代理（假设 mosquitto，它没有默认定义的 WebSocket 侦听器）

此外，如果mqtt.connect()函数要求提供主机名和端口，那么您不应该为 post 字段提供 URL。 从一开始就删除ws:// 。