Ionic 4 - 如何配置 PWA 在子文件夹上运行？

Question

关于如何使用 ionic 4 创建 PWA 有足够的教程，但我发现的所有解决方案都集中在根目录中部署应用程序。
我需要的是将整个应用程序部署在子文件夹中：
https://my-domain.com/my-app/

我详细解释了此存储库中的问题：
https ://github.com/Viterbo/ionic-4-PWA

谢谢

Answer 1

这并没有解决 Ionic 4 方面的问题，但我弄清楚了如何从子文件夹安装 PWA，答案在这里： https: //www.w3.org/TR/appmanifest/#navigation-范围：

“如果清单中不存在范围成员，则默认为 start_url 成员的父路径。例如，如果 start_url 为 /pages/welcome.html，并且缺少范围，则导航范围将为 /pages/ 上同源。如果 start_url 是 /pages/ （尾部斜杠很重要！），则导航范围将为 /pages/。

因此，要单独运行（根文件夹），start_url 如下所示：

 "start_url": "/index.html?utm_source=homescreen",

但是当从子文件夹提供 PWA 时，它看起来像这样：

  "start_url": "/app-folder/index.html?utm_source=homescreen",
  "scope": "/app-folder/",

我在 Windows 10 上的最新 Chrome 和最新的 Android 9 版本上对此进行了测试。