Merge pull request #2170 from xinnan-tech/fix

fix:增加检测到手机浏览器跳转h5页面，修改h5页面图标

main/manager-web/.env.development

@@ -1 +1,5 @@
-VUE_APP_API_BASE_URL=/xiaozhi
+VUE_APP_API_BASE_URL=/xiaozhi
+#1.如需web后台适应手机浏览器，请先启动manager-api，得到服务端地址（http://局域网ip:8002/xiaozhi）
+#2.在manager-mobile里的.env中，将VITE_SERVER_BASEURL修改成自己的服务端地址，然后运行pnpm dev:h5得到h5页面地址，再将其填入下方的VUE_APP_H5_URL
+#3.此时手机浏览器访问web页面，即可跳转至适应手机浏览器的h5页面
+VUE_APP_H5_URL=

main/manager-web/.env.production

@@ -1,4 +1,4 @@
 VUE_APP_API_BASE_URL=/xiaozhi
 VUE_APP_PUBLIC_PATH=/
 # 是否开启CDN
-VUE_APP_USE_CDN=false
+VUE_APP_USE_CDN=false

main/manager-web/src/App.vue

@@ -60,6 +60,12 @@ export default {
     };
   },
   mounted() {
+    // 检测是否为移动设备且VUE_APP_H5_URL不为空，如果两个条件都满足则跳转到H5页面
+    if (this.isMobileDevice() && process.env.VUE_APP_H5_URL) {
+      window.location.href = process.env.VUE_APP_H5_URL;
+      return;
+    }
+    
     // 只有在启用CDN时才添加相关事件和功能
     if (this.isCDNEnabled) {
       // 添加全局快捷键Alt+C用于显示缓存查看器
@@ -101,6 +107,11 @@ export default {
         this.showCacheViewer = true;
       }
     },
+    isMobileDevice() {
+      // 检测是否为移动设备的函数
+      return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+    },
+    
     async checkServiceWorkerStatus() {
       // 检查Service Worker是否已注册
       if ('serviceWorker' in navigator) {