Browsersync代理8181端口崩溃Chrome等应用故障排查咨询

排查方向 #

• 修正Browsersync代理配置逻辑
  你当前配置中的proxyURL填写了带8181端口的地址，这是核心逻辑错误：Browsersync的proxy参数应该填写源站（跑在80端口的MAMP站点）的访问地址http://sitename.local.companyname.as，Browsersync会自行监听8181端口对外提供服务。现在的配置等于把代理目标也指向了8181，请求进入死循环反复转发，连接溢出才会导致浏览器、HTTP类软件崩溃。将proxyURL改为不带端口的80端口源站地址后重试即可。
• 验证域名解析配置
  检查/etc/hosts文件中sitename.local.companyname.as是否仍指向127.0.0.1，可执行ping sitename.local.companyname.as确认返回IP是否为本地回环地址，若被VPN、系统更新、安全软件修改则先修正hosts规则。
• 排查端口占用冲突
  执行lsof -i :8181查看8181端口是否被其他进程占用，若存在占用可杀掉对应进程，或将Browsersync监听端口修改为8282等未占用端口测试。
• 验证依赖版本兼容性
  删除项目的node_modules文件夹与package-lock.json文件，切换到之前正常运行时的Node.js版本（可通过nvm管理多版本）重新执行npm install安装依赖，避免Node.js或依赖包意外更新导致的兼容问题。
• 清除浏览器HSTS与站点缓存
  若此前该域名启用过HTTPS，可能被浏览器缓存了HSTS规则强制跳转HTTPS导致连接异常。Chrome可访问chrome://net-internals/#hsts删除该域名的安全策略，Firefox可在隐私设置中清除该站点的全部数据后重试。
• 排查安全/网络类软件干扰
  临时退出VPN、防火墙、广告拦截、全局代理类软件，这类软件可能拦截本地端口请求导致连接异常，退出后再测试访问是否正常。
• 命令行验证请求状态
  先直接访问http://localhost:8181测试是否正常，若仍异常可执行curl -v http://localhost:8181查看请求日志，确认是否存在重定向次数过多、响应异常等问题，进一步定位根因。

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