151 lines
4.1 KiB
Markdown
151 lines
4.1 KiB
Markdown
# 前端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 作为后端服务器地址。**
|