uni-app 项目运行在浏览器，localhost 地址可打开，但 network 192.168 地址打不开，其他项目均正常，此项目之前也可访问

uni-app 项目运行在浏览器，localhost 地址可打开，但 network 192.168 地址打不开，其他项目均正常，此项目之前也可访问

| 开发环境          | 版本号   | 项目创建方式 |
|-------------------|----------|--------------|
| Windows           | 111111   | HBuilderX    |

产品分类：  
uniapp/H5  

浏览器平台：  
Chrome  

浏览器版本：  
1  

App下载地址或H5网址：  
[1](//ask.dcloud.net.cn/1)  

---

### 示例代码：

1  

---

### 操作步骤：

1  

---

### 预期结果：

1  

---

### 实际结果：

1  

---

### bug描述：

1

更多关于uni-app 项目运行在浏览器，localhost 地址可打开，但 network 192.168 地址打不开，其他项目均正常，此项目之前也可访问的实战教程也可以访问 https://www.itying.com/category-93-b0.html

更多关于uni-app 项目运行在浏览器，localhost 地址可打开，但 network 192.168 地址打不开，其他项目均正常，此项目之前也可访问的实战教程也可以访问 https://www.itying.com/category-93-b0.html

在 uni-app 项目中，如果你可以访问 localhost，但无法通过 192.168.x.x 这样的局域网 IP 地址访问，通常是由于网络配置或开发服务器设置的问题。以下是一些可能的原因和解决方案：

1. 检查开发服务器是否允许外部访问

uni-app 默认的开发服务器可能只允许 localhost 访问。
如果你使用的是 HBuilderX，可以在运行项目时，按下 Ctrl+C 停止当前服务，然后手动启动开发服务器，并指定 --host 0.0.0.0，例如：
```
npm run dev -- --host 0.0.0.0
```
这样可以让开发服务器监听所有网络接口，允许局域网访问。

如果你使用的是 vue-cli，可以在 vue.config.js 中添加以下配置：

module.exports = {
  devServer: {
    host: '0.0.0.0',
    port: 8080, // 你的端口号
    disableHostCheck: true, // 允许所有主机访问
  },
};

2. 检查防火墙设置

确保你的防火墙没有阻止相关端口的访问。
例如，在 Windows 上，可以检查防火墙规则，确保允许入站连接。
在 macOS 或 Linux 上，可以临时关闭防火墙测试：
```
sudo ufw disable
```

3. 检查网络配置

确保你的设备和访问设备在同一个局域网中。
使用 ping 命令测试设备之间的连通性，例如：
```
ping 192.168.x.x
```
如果无法 ping 通，检查路由器的配置或设备的网络设置。

4. 检查端口是否被占用

确保你使用的端口没有被其他程序占用。
可以通过以下命令检查端口占用情况：
- Windows:
```
netstat -ano | findstr :8080
```
- macOS/Linux:
```
lsof -i :8080
```

5. 清除浏览器缓存

如果之前可以访问，现在无法访问，可能是浏览器缓存问题。
尝试清除浏览器缓存，或使用无痕模式访问。

6. 检查路由配置

如果你的项目使用了自定义路由配置，确保路由规则没有限制访问来源。
例如，确保没有设置只允许 localhost 访问的规则。

7. 重启设备和开发服务器

有时候，简单的重启可以解决网络问题。
重启你的开发设备、路由器以及开发服务器。

8. 检查 HBuilderX 的配置

如果你使用的是 HBuilderX，确保其网络配置没有问题。
打开 HBuilderX 的设置，检查是否有相关网络限制。

9. 尝试更换端口

如果当前端口无法访问，可以尝试更换端口号。
在 vue.config.js 或 HBuilderX 中修改端口号，例如：
```
devServer: {
  port: 8081, // 更换端口号
},
```

回到顶部