fix:修改手机浏览器访问web后台跳转至h5页面的逻辑

This commit is contained in:
rainv123
2025-09-05 10:09:32 +08:00
committed by ruoyemuzimi
parent 67e07c916e
commit 3fe0b8b669
3 changed files with 8 additions and 8 deletions
+5 -1
View File
@@ -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=
-3
View File
@@ -1,7 +1,4 @@
VUE_APP_API_BASE_URL=/xiaozhi
VUE_APP_PUBLIC_PATH=/
# 是否开启CDN
VUE_APP_USE_CDN=false
VITE_H5_URL = https://2662r3426b.vicp.fun/h5/index.html
+3 -4
View File
@@ -60,10 +60,9 @@ export default {
};
},
mounted() {
// 检测是否为移动设备,如果是则跳转到H5页面
if (this.isMobileDevice()) {
const h5Url = process.env.VITE_H5_URL || 'https://2662r3426b.vicp.fun/h5/index.html';
window.location.href = h5Url;
// 检测是否为移动设备且VUE_APP_H5_URL不为空,如果两个条件都满足则跳转到H5页面
if (this.isMobileDevice() && process.env.VUE_APP_H5_URL) {
window.location.href = process.env.VUE_APP_H5_URL;
return;
}