USB连接的iPhone Safari中主Rails应用无法连接次级Rails应用

我来帮你排查这个桌面正常但移动端Safari掉链子的问题——这种情况大多和网络访问权限或者移动端的特殊安全策略有关，下面是几个优先级最高的解决方案：

1. 别再用localhost，换成电脑的局域网IP #

桌面浏览器里的localhost指向你的电脑，但iPhone的localhost是它自己啊！所以你得把iframe里次级应用的地址改成电脑在局域网内的IP地址+端口，比如http://192.168.1.105:3000（换成你自己电脑的IP）。

怎么查电脑的局域网IP？

• Mac：终端里敲ipconfig getifaddr en0（或者ifconfig找en0下的inet地址）
• Windows：命令提示符里敲ipconfig找“IPv4地址”

2. 启动Rails时绑定所有IP（默认只允许本地访问） #

默认情况下，Rails应用只绑定localhost，外部设备（比如你的iPhone）根本连不上。启动主、次级应用时，都要加上-b 0.0.0.0参数，允许所有IP访问：

• 次级应用：rails s -b 0.0.0.0 -p 3000
• 主应用：rails s -b 0.0.0.0 -p 3002

3. 检查防火墙是否拦截了端口 #

电脑的防火墙可能会阻止iPhone访问3000/3002端口：

• Mac：打开「系统偏好设置」→「安全性与隐私」→「防火墙」，确认是否允许Ruby/Rails的网络访问，或者暂时关闭防火墙测试
• Windows：打开「Windows Defender防火墙」→「高级设置」，检查是否有放行3000、3002端口的规则，没有的话手动添加

4. 配置CORS（跨域资源共享） #

如果上面几步都不行，可能是Safari移动端的跨域策略更严格。在次级应用的config/initializers/cors.rb里添加允许主应用访问的规则：

Rails.application.config.middleware.insert_before 0, Rack::Cors do
  allow do
    origins 'http://你的电脑局域网IP:3002' # 替换成主应用的访问地址
    resource '*', headers: :any, methods: [:get, :post, :put, :patch, :delete, :options, :head]
  end
end

修改后记得重启次级应用。

5. 暂时关闭Safari移动端的隐私限制 #

Safari的隐私设置可能会阻止iframe加载：
打开iPhone的「设置」→「Safari浏览器」→「隐私与安全性」，暂时关闭「阻止跨网站跟踪」，并检查是否开启了「内容拦截器」，如果有也暂时关掉试试。

先从第1、2步开始排查，这两个是最常见的问题，大概率能解决你的报错！

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