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

# 前端IP地址配置更新说明

## 更新时间
2025年12月6日

## 更新内容
将所有前端配置文件中的服务器IP地址从 `192.168.137.1` 更新为 `192.168.1.8`

---

## 已更新的文件清单

### 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.1.8:30091/api`
  - 更新 `wsHost`: `192.168.1.8`

- ✅ `fronted_uniapp/fronted_uniapp/src/config.js`
  - 更新 `baseURL`: `http://192.168.1.8:30091`
  - 更新 `wsHost`: `192.168.1.8`

- ✅ `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.1.8`
  - 更新 `DEV_SERVER_HOST`: `192.168.1.8`
  - 更新 `DEFAULT_SERVER_PORT`: `30091`
  - 更新H5环境hostname判断逻辑

### 3. 请求工具文件
- ✅ `fronted_uniapp/fronted_uniapp/src/utils/request.js`
  - 更新H5环境hostname判断
  - 更新localhost检测逻辑
  - 更新默认返回地址: `http://192.168.1.8:30091`

- ✅ `fronted_uniapp/utils/request.js`
  - 更新默认返回地址: `http://192.168.1.8:30091`

- ✅ `fronted_uniapp/yuyin/utils/request.js`
  - 更新H5环境hostname判断
  - 更新localhost检测逻辑
  - 更新默认返回地址: `http://192.168.1.8:30091`

### 4. 应用入口文件
- ✅ `fronted_uniapp/fronted_uniapp/src/App.vue`
  - 更新 `APP_DEV_HOST`: `192.168.1.8`
  - 更新 `LOCAL_HOST`: `192.168.1.8`

### 5. 其他工具文件
- ✅ `fronted_uniapp/fronted_uniapp/src/utils/screenStream.js`
  - 更新默认服务器地址: `192.168.1.8`

---

## 配置生效说明

### H5开发环境
当你运行 `npm run dev:h5` 时：
- 前端运行在: `http://localhost:20002` 或 `http://192.168.1.8:20002`
- Vite会将所有 `/api`、`/login`、`/register`、`/ws` 请求代理到 `http://192.168.1.8:30091`

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

---

## 验证方法

### 1. 验证H5环境
```bash
# 启动前端
cd fronted_uniapp/fronted_uniapp
npm run dev:h5

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

### 2. 验证APP环境
```bash
# 在APP中打开控制台
# 查看打印的服务器地址
# 应该显示: 当前服务器地址：192.168.1.8:30091
```

### 3. 快速测试
在浏览器访问: `http://192.168.1.8:30091`
应该能看到后端服务的登录页面。

---

## 注意事项

1. **本地开发**: 确保后端服务运行在 `192.168.1.8: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.1.8:30091` 测试

### 问题3: WebSocket连接失败
**检查**:
1. vite.config.js中的 `/ws` 代理配置
2. 后端WebSocket服务是否启动
3. 浏览器控制台WebSocket连接状态

---

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