从iPhone测试Vaadin PWA应用加载失败，求排查方案

核心原因 #

iOS上的Safari（以及基于WebKit内核的Brave浏览器）对非标准HTTPS端口（如8443）和非标准HTTP端口（如8080）存在严格的安全限制：

• 对于HTTPS服务，WebKit仅默认信任运行在443标准端口的证书链，即使你手动信任了自签名证书，非标准端口的HTTPS请求仍可能被拦截。
• 对于HTTP服务，虽然8080是常见开发端口，但iOS的网络安全策略会对非标准端口的HTTP请求进行额外校验，尤其是当PWA要求HTTPS环境时，HTTP的非标准端口访问会被直接阻止。

可行解决方案 #

• 切换到标准端口：将Spring Boot或独立Tomcat的服务端口改为443（HTTPS）或80（HTTP，仅测试用）。这是最可靠的解决办法，因为iOS对标准端口的网络请求没有额外限制。
  • Spring Boot配置示例：在application.properties中设置

    server.port=443
    server.ssl.key-store=classpath:your-cert.jks
    server.ssl.key-store-password=your-password
    

  • 独立Tomcat配置：修改server.xml中的Connector端口为443，并配置SSL证书。
• 使用权威CA颁发的SSL证书：如果必须保留非标准端口，确保你的SSL证书是由iOS信任的公共CA（如Let’s Encrypt）颁发的，而非自签名证书。自签名证书即使在设备上手动信任，WebKit在非标准端口下仍可能拒绝加载资源。
• 检查端口转发与防火墙：确认服务器所在网络的路由器/防火墙已开放8080/8443端口，虽然能ping通服务器，但端口可能未正确转发到服务进程。

额外验证步骤 #

• 检查Vaadin PWA的manifest.json中是否存在硬编码的非标准端口路径，确保所有资源路径使用相对路径或正确的标准端口域名。
• 在iOS设备上打开浏览器的开发者工具（需要连接Mac并启用Web Inspector），查看控制台的具体错误信息，确认是端口限制还是资源加载失败。

内容的提问来源于stack exchange，提问作者K. Taylor