guoyu/fronted_uniapp/IP地址配置更新说明.md

前端IP地址配置更新说明

更新时间

2025年12月5日

更新内容

将所有前端配置文件中的服务器IP地址从 192.168.0.106 更新为 192.168.137.1

---

已更新的文件清单

1. Vite配置文件

• ✅ fronted_uniapp/vite.config.js

  • 更新 /api 代理目标
  • 更新 /ws WebSocket代理目标

• ✅ fronted_uniapp/fronted_uniapp/vite.config.js

  • 更新 /api 代理目标
  • 更新 /login 代理目标
  • 更新 /register 代理目标
  • 更新 /ws WebSocket代理目标

2. 配置文件

• ✅ fronted_uniapp/fronted_uniapp/config.js

  • 更新 baseURL: http://192.168.137.1:30091/api
  • 更新 wsHost: 192.168.137.1

• ✅ fronted_uniapp/fronted_uniapp/src/config.js

  • 更新 baseURL: http://192.168.137.1:30091
  • 更新 wsHost: 192.168.137.1

• ✅ fronted_uniapp/fronted_uniapp/src/utils/config.js

  • 已在前面更新（APP配置文件）
  • 更新H5环境hostname判断逻辑

• ✅ fronted_uniapp/utils/config.js

  • 已在前面更新（APP配置文件）

• ✅ fronted_uniapp/yuyin/utils/config.js

  • 更新 DEFAULT_SERVER_HOST: 192.168.137.1
  • 更新 DEV_SERVER_HOST: 192.168.137.1
  • 更新 DEFAULT_SERVER_PORT: 30091
  • 更新H5环境hostname判断逻辑

3. 请求工具文件

• ✅ fronted_uniapp/fronted_uniapp/src/utils/request.js

  • 更新H5环境hostname判断
  • 更新localhost检测逻辑
  • 更新默认返回地址: http://192.168.137.1:30091

• ✅ fronted_uniapp/utils/request.js

  • 更新默认返回地址: http://192.168.137.1:30091

• ✅ fronted_uniapp/yuyin/utils/request.js

  • 更新H5环境hostname判断
  • 更新localhost检测逻辑
  • 更新默认返回地址: http://192.168.137.1:30091

4. 应用入口文件

• ✅ fronted_uniapp/fronted_uniapp/src/App.vue
  • 更新 APP_DEV_HOST: 192.168.137.1
  • 更新 LOCAL_HOST: 192.168.137.1

5. 其他工具文件

• ✅ fronted_uniapp/fronted_uniapp/src/utils/screenStream.js
  • 更新默认服务器地址: 192.168.137.1

---

配置生效说明

H5开发环境

当你运行 npm run dev:h5 时：

• 前端运行在: http://localhost:20002 或 http://192.168.137.1:20002
• Vite会将所有 /api、/login、/register、/ws 请求代理到 http://192.168.137.1:30091

APP环境

• APP默认连接到: http://192.168.137.1:30091
• 支持通过本地存储动态配置服务器地址
• 配置方法: uni.setStorageSync('server_host', '新的IP地址')

---

验证方法

1. 验证H5环境

# 启动前端
cd fronted_uniapp/fronted_uniapp
npm run dev:h5

# 打开浏览器控制台，查看网络请求
# 应该看到请求发送到: http://192.168.137.1:30091

2. 验证APP环境

# 在APP中打开控制台
# 查看打印的服务器地址
# 应该显示: 当前服务器地址：192.168.137.1:30091

3. 快速测试

在浏览器访问: http://192.168.137.1:30091 应该能看到后端服务的登录页面。

---

注意事项

1. 本地开发: 确保后端服务运行在 192.168.137.1:30091
2. 防火墙: 确保Windows防火墙已开放30091端口
3. 网络环境: 手机和电脑必须在同一WiFi网络
4. IP变化: 如果电脑IP地址变化，需要重新修改这些配置文件

---

相关文档

• 完整配置指南: ../配置指南-192.168.137.1.md
• 快速参考手册: ../快速参考-课件管理.md
• 视频播放配置: ../log/视频播放配置指南.md

---

故障排查

问题1: H5环境无法连接后端

检查:

1. 后端服务是否启动
2. vite.config.js中的代理配置是否正确
3. 浏览器控制台是否有网络错误

问题2: APP无法连接后端

检查:

1. 手机和电脑是否在同一WiFi
2. 防火墙是否开放30091端口
3. APP配置的IP地址是否正确
4. 在手机浏览器访问 http://192.168.137.1:30091 测试

问题3: WebSocket连接失败

检查:

1. vite.config.js中的 /ws 代理配置
2. 后端WebSocket服务是否启动
3. 浏览器控制台WebSocket连接状态

---

配置完成！现在你的前端项目已配置为使用 192.168.137.1:30091 作为后端服务器地址。