求助：Safari浏览器无法连接http://localhost:3000及静态资源加载异常

问题现象 #

• 无法访问http://localhost:3000，静态资源https://localhost:3000/static/js/bundle.js加载无状态返回
• 相关截图：
  

排查与解决步骤 #

• 确认本地服务状态
  打开启动服务的终端，查看是否有报错信息。如果服务异常，重启服务（比如执行npm start）。换Chrome/Firefox等其他浏览器访问同一地址，若也无法访问，优先排查服务本身的问题。

• 修正协议不一致问题
  你访问的是http://localhost:3000，但资源请求用了https://，协议不匹配会导致加载失败：

  • 检查服务配置，确认是否强制跳转HTTPS；
  • 修改前端代码里的资源路径，改成http://开头或相对路径（去掉协议前缀）。

• 调整Safari浏览器设置

  • 关闭跨站跟踪拦截：打开Safari偏好设置→隐私，取消勾选“阻止跨站跟踪”；
  • 清除缓存：按Cmd+Opt+E清除缓存后重启Safari；
  • 禁用开发者工具缓存：打开开发者工具（Cmd+Opt+I），在“网络”标签勾选“禁用缓存”后刷新页面。

• 检查端口占用
  在终端执行以下命令查看3000端口是否被占用：

  lsof -i :3000
  

  若有其他进程占用，执行kill -9 <进程PID>杀掉对应进程，再重启服务。

• 验证HOSTS配置
  打开/etc/hosts文件，确认存在127.0.0.1 localhost的配置，若没有则添加该行并保存。

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