使用 browsersync 时无法从移动设备访问 http://192.168.56.1:3000答案

【问题标题】：can not access http://192.168.56.1:3000 from mobile device while using browsersync使用 browsersync 时无法从移动设备访问 http://192.168.56.1:3000
【发布时间】：2019-04-11 03:26:07
【问题描述】：

我在 Windows 10 x64 中使用命令 npm install -g browser-sync 安装了 browsersync。 nodejs 版本 10.11.0 browsersync 版本 2.26.3

在桌面上一切正常。但是当我尝试使用相同的 wifi 从移动设备访问 http://192.168.56.1:3000 时，我得到“无法访问此站点”

我安装了另一个名为 dev-ip 的工具，它在 powershell 中返回： ['192.168.56.1', '192.168.0.120']

ip 系列 192.168.0.120 曾经在我的移动设备上运行良好。

现在，如何在全局浏览器同步中使用 ip 192.168.0.120 而不是 192.168.56.1？

【问题讨论】：

标签： browser-sync

【解决方案1】：

只需在配置中指定您希望服务器在其上运行的主机。

例如。在你的情况下，它会是主机：“192.168.0.120”

您可以参考下面的链接了解更多信息。

https://www.browsersync.io/docs/options#option-host

【讨论】：

【解决方案2】：

嗨，伙计们。这对我来说是这样的：

来源：

Windows 10
所有防火墙均已关闭
对 PC 的网络访问（从 Windows）被禁用
gulp 的外部 url 192.168.56.1:3000
从 OpenServer 代理本地 php 站点
外部设备 - iphone safari/chrome
外部（虚拟）设备 - 带有 macos 的 vwware
确保 Windows Defender 防火墙监控处于高风险模式 -> 传入连接的规则 -> Node.js：服务器端 JavaScript em> 已启用（和其他必要的应用程序）

解决方案：

查看我的 PC 在家庭网络中的 ip 地址（所有设备都连接到同一个网络） - 例如 192.168.1.103
在 gulp 文件中我指定它host: "192.168.1.103",
保存
检查一下

重要：

对于源 - 外部设备 - iphone safari/chrome - 正确的 url 只有 192.168.1.103:3000
对于源 - 外部（虚拟）设备 - 带有 macos 的 vwware - 正确的 URL 是 192.168.1.103:3000 和 192.168.56.1:3000 两者都

图片中的视觉效果：

结果：

在所有设备、虚拟设备、PC 本身上进行检查

浏览器同步工作
互联网没有丢失
网络内没有地址冲突

希望这也能帮助别人?

【讨论】：