对于不同的seo友好urls，PWA - Cache和加载相同的appshell。

Question

我们是消费者互联网，拥有SEO友好网址: www.xyz.com/user-1，www.xyz.com/user-2，www.xyz.com/user-n。从技术上讲，这些都是带有不同url的用户页面。对于所有这些情况，我们只需要加载一个html文件(app-shell)。

我想要实现的是：

1. 转到www.xyz.com/user-1页面，缓存html (app-shell)文件。
2. 导航到www.xyz.com/user-2页面，从www.xyz.com/user-1的缓存中获得html响应(因为它是同一个app-shell )。

我无法做到这一点，因为缓存api的“match”方法工作在url请求对象上，而且我无法操作它。有什么方法可以操作url请求对象吗？还是有办法解决这个问题？

Answer 1

如果你愿意的话，你可以创建你自己的回应。不过，我认为您是在描述经典的SPA体系结构。在那里，您将有一个app shell，并通过在浏览器中呈现标记或从服务器追加预呈现标记来填充客户端的主内容区域。您可能需要查看sw模板策略，作为启动-> https://jakearchibald.com/2014/offline-cookbook/#serviceworker-side-templating的可能地方。