无法访问Browsersync外部URL的技术排查求助

我之前也碰到过一模一样的问题，折腾了好一阵才搞定，给你列几个排查步骤，按顺序来大概率能解决：

Browsersync默认只监听localhost，这会导致外部设备根本无法连接。你启动的时候必须指定监听所有网络接口：

• 如果是命令行启动，加上--host 0.0.0.0参数，比如：
  browser-sync start --server --host 0.0.0.0 --files "*.html, css/*.css"
• 如果用配置文件（比如bs-config.js），添加host: '0.0.0.0'：

  module.exports = {
    server: '.',
    host: '0.0.0.0',
    files: ['*.html', 'css/*.css']
  }
  

启动后看控制台输出的External URL，应该是你的本地IP（比如192.168.x.x）加端口，而不是localhost。

这是最常见的元凶！Windows Defender防火墙、Mac系统防火墙，甚至第三方杀毒软件，都会拦截外部设备访问本地端口：

• Windows：打开「Windows Defender防火墙」→「高级设置」→「入站规则」，新建规则，允许Browsersync使用的端口（默认是3000，看控制台确认）通过TCP协议访问。
• Mac：打开「系统设置」→「网络」→「防火墙」→「选项」，找到Browsersync相关进程，设置为「允许传入连接」。
  临时关闭防火墙测试一下，如果能访问了，就说明是防火墙的问题，再去配置规则即可。

先别急着访问Browsersync，先确认两台设备在同一网络下能互相通信：

• 在其他设备的终端/命令提示符里，ping你的本地IP（比如ping 192.168.1.100）。如果ping不通，要么两台设备不在同一个子网，要么路由器开了AP隔离（后面会说）。
• 如果ping通了但还是访问不了，用telnet 192.168.1.100 3000测试端口连接。如果提示失败，还是端口被拦截，回到第二步检查防火墙。

很多家用路由器默认开启了AP隔离（也叫客户端隔离），同一WiFi下的设备互相不能访问。你登录路由器后台（一般是192.168.1.1或192.168.0.1），找「无线设置」或「局域网设置」里的「AP隔离」选项，把它关掉，重启路由器再试。

有时候其他程序会占用Browsersync的默认端口（3000），导致外部连接失败。你可以检查端口占用：

• Windows：netstat -ano | findstr :3000
• Mac/Linux：lsof -i :3000
  如果有进程占用，要么杀掉该进程，要么启动Browsersync时指定其他端口，比如--port 3001。

内容的提问来源于stack exchange，提问作者user9237283