iOS Web 应用程序不能在主屏幕应用程序中离线工作，但在 Safari 中工作答案

【问题标题】：iOS web app not working offline in homescreen app, but working in SafariiOS Web 应用程序不能在主屏幕应用程序中离线工作，但在 Safari 中工作
【发布时间】：2020-03-15 02:19:30
【问题描述】：

我有一个基本的create-react-app 应用程序，我在 iPhone 8 上测试过（通过 localhost）。服务人员在使用 Safari 时正确注册，但在将应用程序添加到我的主屏幕并从那里启动后，服务人员无法工作，并且我收到“Safari 无法加载页面，因为您的 iPhone 未连接到互联网”信息。我该如何解决这个问题？

【问题讨论】：

标签： ios mobile-safari service-worker create-react-app progressive-web-apps

【解决方案1】：

修好了！

出于某种原因，Service Worker 在 iOS 上通过 localhost 工作，但除非它们托管在 HTTPS 主机上，否则会出现奇怪的行为。通过在 DigitalOcean 服务器上托管生产版本，我能够解决这个问题（以及另一个图像在消失和重新出现后没有加载的问题）。

【讨论】：