mqtt 修改

src/utils/mqttClient.js

@@ -2,15 +2,17 @@ import mqtt from 'mqtt'
 
 // MQTT 配置
 const options = {
-  clean: true,
-  connectTimeout: 4000,
-  clientId: 'vue3-client-' + Math.random().toString(16).substr(2, 8),
-  username: 'your_username', // 如果需要认证
-  password: 'your_password'
+  // clean: true,
+  keepalive: 30,      // 心跳间隔（秒）
+  connectTimeout: 15000, // 连接超时（毫秒）
+  clientId: 'web-client-' + Math.random().toString(16).substring(2, 8),
+  // username: '', // 如果需要认证
+  // password: '',
+  protocolVersion: 4,
 }
 
 // MQTT 代理地址（示例使用公共测试服务器）
-const brokerUrl = 'ws://test.mosquitto.org:8080/mqtt'
+const brokerUrl = 'ws://192.168.1.177:1883/mqtt'
 
 class MQTTClient {
   constructor() {
@@ -18,12 +20,14 @@ class MQTTClient {
   }
 
   connect() {
+    console.log('Connecting to MQTT...')
+    console.log("brokerUrl", brokerUrl)
     this.client = mqtt.connect(brokerUrl, options)
 
     // 连接成功
     this.client.on('connect', () => {
       console.log('MQTT Connected')
-      this.subscribe('your/topic')
+      this.subscribe('/ctl/mqtt/test')
     })
 
     // 错误处理