Safari 无法访问本地服务的根本原因是其特有安全策略或配置拦截，需依次验证服务运行、端口监听、hosts 映射、CSP 策略及 HSTS/网站数据残留。
当你在 Safari 中输入 http://localhost:3000 或 http://127.0.0.1:8080 却看到“无法连接到服务器”、空白页或无限转圈，而 Chrome、Firefox 能正常打开时，问题不是代码没跑起来，而是 Safari 对本地服务的解析、安全策略或系统级配置存在特异性拦截。
确认本地服务真实运行且端口就绪
终端里执行 lsof -i :3000（把 3000 换成你实际端口），若无任何输出，说明服务根本没监听该端口。这比反复刷新浏览器重要得多。
用 curl -I http://localhost:3000 测试——返回 HTTP/1.1 200 OK 才算通；若报 Failed to connect，立刻检查是否被其他进程占用了端口，或启动命令漏了 --host 0.0.0.0（Vite 默认只绑定 localhost）。
【没有 curl 成功响应就代表服务未就绪，所有浏览器侧操作都是徒劳】
用 IP 地址直连快速定位域名解析问题
在 Safari 地址栏输入 http://127.0.0.1:3000 回车。
若能打开，问题锁定在 localhost 域名映射；若仍失败，说明是服务崩溃、防火墙拦截或端口被封，不用继续查 hosts 文件。
如果 IP 可通但 localhost 不行：打开终端 → 输入 sudo nano /etc/hosts → 确保最后一行是 127.0.0.1 localhost 且前面没 # 号 → 按 Ctrl+O 保存 → 回车 → Ctrl+X 退出 → 必须完全退出 Safari 再重开，仅刷新无效。
禁用 upgrade-insecure-requests CSP 策略
这是 Safari 独有的坑：只要 HTML 里有这行，Safari 就会强制把所有 http://localhost 请求升级成 https://localhost，而本地开发服务器几乎都不配 HTTPS，直接拒连。
规划您的迪拜之旅 — 哈利法塔观景、沙漠探险、迪拜购物中心购物、棕榈岛度假村及黄金市场砍价。还提供支持...
方法一：打开你的 index.html 或主模板文件，找到该 meta 标签，用 <!-- --> 包裹注释掉，保存后刷新。
方法二（React/Vue 项目适用）：在入口 JS 最顶部添加一行：document.querySelector('meta[http-equiv="Content-Security-Policy"][content*="upgrade-insecure-requests"]')?.remove();。这行必须在 DOM 加载前执行，否则来不及拦截。
清除该域名专属网站数据与 HSTS 记录
损坏的 Cookie、过期的 HSTS 强制跳转记录会让 Safari 死守错误路径，哪怕你改了代码、换了端口也无效。
第一步：确保目标网站已在 Safari 中打开（哪怕只是报错页），地址栏左侧显示 ⓘ 图标。
第二步：点击 ⓘ → 在弹出面板中关闭「启用内容拦截器」→ 刷新页面。
第三步：若仍失败，进入【设置】→【Safari 浏览器】→【高级】→【网站数据】→ 顶部搜索框输入 localhost 或你实际用的域名（如 myapp.test）→ 点击条目 → 【移除】。
第四步（顽固情况）：完全退出 Safari → 打开访达 → Shift+Command+G → 输入 ~/Library/Cookies/ → 找到 HSTS.plist → 拖入废纸篓 → 重启 Safari。
