uniapp 同一网络下无法访问 network 问题如何解决？

在uniapp开发中，同一局域网下的设备无法通过network访问应用，调试时手机和电脑处于相同WiFi但无法连接。已确认IP地址和端口配置正确，防火墙也关闭了，但依然提示连接超时。请问可能是什么原因导致的？需要检查哪些配置或设置才能解决这个问题？

bupafengyu 1楼

检查防火墙或杀毒软件是否拦截，关闭后重试。确保手机和电脑在同一WiFi下，检查IP地址是否正确。若使用localhost，改为电脑IP地址。

在 UniApp 中，同一网络下无法访问 network 通常是由于网络配置、设备防火墙或 UniApp 开发服务器设置问题导致的。以下是常见原因及解决方法：

1. 检查网络连接

确保设备在同一局域网（如连接同一 Wi-Fi）。
测试其他设备能否互相访问（如 ping 命令）。

2. 配置 UniApp 开发服务器

运行 npm run dev 或 yarn dev 时，默认可能只绑定 localhost。
解决方法：启动时指定局域网 IP：
```
npm run dev -- --host 0.0.0.0
```
或修改 package.json 的 scripts：
```
"dev": "uni-cli --host 0.0.0.0"
```
控制台会显示可访问的 IP 地址（如 http://192.168.x.x:8080）。

3. 防火墙或安全软件

关闭电脑防火墙或添加端口例外（如 8080）。
在 Windows：通过“防火墙设置”允许端口；在 Mac/Linux：使用 ufw 或 iptables 配置。

4. 路由器或网络限制

某些路由器可能隔离设备（如“AP 隔离”功能）。登录路由器后台关闭此设置。

5. 使用正确的访问地址

在手机浏览器输入电脑的 局域网 IP + 端口（如 http://192.168.1.100:8080），而非 localhost。

6. 检查 UniApp 网络请求代码

如果问题出现在自定义网络请求（如 uni.request），确保 URL 使用局域网 IP 而非 127.0.0.1：

// 错误示例（仅本地可访问）
uni.request({
  url: 'http://localhost:3000/api/data'
});

// 正确示例（使用局域网 IP）
uni.request({
  url: 'http://192.168.1.100:3000/api/data'
});

7. 重启服务与设备

重启 UniApp 开发服务器、路由器及测试设备。

验证步骤

在电脑上通过 ipconfig（Windows）或 ifconfig（Mac/Linux）获取 IP。
用手机浏览器访问 http://<电脑IP>:端口，确认能打开 UniApp 页面。

通过以上步骤，通常可解决同一网络下无法访问的问题。如果问题持续，检查网络硬件或尝试更换端口。

回到顶部