脱机时使用非基本URL打开单页App PWA

Question

让我们以使用单页应用（SPA）框架（例如Angular-https://www.ngcolombia.com）构建的PWA（渐进式Web应用）为例。

1. 打开网站。
2. 导航到其他页面，例如：https://www.ngcolombia.com/speakers。
3. 脱机并点击重新加载-该网站将不会加载。

如果我们尝试从基本URL重新加载，那么它可以工作，但是在单页应用中，通常是从具有完整URL的其他页面重新加载。

如何解决此问题，具体针对SPA PWA？

Answer 1

在使用figure时（在单页应用程序中通常是这种情况），您通常希望服务人员执行以下操作：使用URL响应所有导航请求，而不管URL是什么缓存的App Shell HTML。

您可以使用navigationUrls选项来配置Angular的服务工作者：Application Shell architecture

此方法不需要在URL中使用哈希-您可以继续使用真实URL和History API。