68 lines
1.8 KiB
Markdown
68 lines
1.8 KiB
Markdown
# App 环境配置服务器地址说明
|
||
|
||
## 问题说明
|
||
|
||
在 App 环境中（真机调试），`localhost` 指向的是手机本身，而不是开发电脑。因此需要配置电脑的局域网 IP 地址。
|
||
|
||
## 配置方法
|
||
|
||
### 方法一：在代码中配置（推荐）
|
||
|
||
在 App 启动时（`App.vue` 的 `onLaunch` 中）或登录成功后，添加以下代码：
|
||
|
||
```javascript
|
||
// 设置服务器地址为你的电脑IP
|
||
import config from '@/utils/config.js'
|
||
|
||
// 例如：你的电脑IP是 192.168.1.100
|
||
config.setServerConfig('192.168.1.100', 30091)
|
||
```
|
||
|
||
### 方法二：查看电脑IP地址
|
||
|
||
**Windows:**
|
||
1. 按 `Win + R`，输入 `cmd`，回车
|
||
2. 输入 `ipconfig`，回车
|
||
3. 找到 "IPv4 地址"，例如：`192.168.1.100`
|
||
|
||
**Mac/Linux:**
|
||
1. 打开终端
|
||
2. 输入 `ifconfig` 或 `ip addr`
|
||
3. 找到局域网IP，通常在 `en0` 或 `eth0` 下
|
||
|
||
### 方法三：临时测试配置
|
||
|
||
在浏览器控制台（H5环境）或 App 控制台中执行：
|
||
|
||
```javascript
|
||
uni.setStorageSync('server_host', '192.168.1.100') // 替换为你的电脑IP
|
||
uni.setStorageSync('server_port', 30091)
|
||
```
|
||
|
||
然后重新启动 App。
|
||
|
||
## 注意事项
|
||
|
||
1. **确保电脑和手机在同一局域网**（连接同一个WiFi）
|
||
2. **确保电脑防火墙允许30091端口**（Windows防火墙可能需要添加规则）
|
||
3. **确保后端服务运行在 `0.0.0.0:30091`** 而不是 `192.168.0.106:30091`（这样才能被局域网访问）
|
||
|
||
## 后端配置检查
|
||
|
||
如果后端无法被局域网访问，检查后端配置：
|
||
|
||
**Spring Boot 配置：**
|
||
```properties
|
||
# application.yml
|
||
server:
|
||
address: 0.0.0.0 # 允许所有网络接口访问
|
||
port: 30091
|
||
```
|
||
|
||
## 测试连接
|
||
|
||
配置完成后，在 App 控制台应该看到：
|
||
- ✅ 请求地址：`http://192.168.1.100:30091/...`（而不是 `localhost`）
|
||
- ✅ WebSocket 地址：`ws://192.168.1.100:30091/ws/...`
|
||
|