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-scope：

”如果清单中没有作用域成员，则默认为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版本上对此进行了测试。