guoyu/fronted_uniapp/配置服务器地址说明.md

App 环境配置服务器地址说明

问题说明

在 App 环境中（真机调试），localhost 指向的是手机本身，而不是开发电脑。因此需要配置电脑的局域网 IP 地址。

配置方法

方法一：在代码中配置（推荐）

在 App 启动时（App.vue 的 onLaunch 中）或登录成功后，添加以下代码：

// 设置服务器地址为你的电脑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 控制台中执行：

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 配置：

# 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/...