PWA - 爲不同的友好網址緩存並加載相同的appshell

Question

我們是消費者互聯網，擁有友好的搜索引擎友好網址：www.xyz.com/user-1，www.xyz.com/user-2，www.xyz。 COM /用戶-n中。從技術上講，這些都是具有不同網址的用戶頁面。我們只需要爲所有這些情況加載一個html文件（app-shell）。

我想實現的是：

1. 轉到頁www.xyz.com/user-1，緩存HTML（應用程序殼）文件。
2. 導航到www.xyz.com/user-2頁面，從www.xyz.com/user-1緩存中獲取html響應（因爲它是相同的應用程序外殼）。

我無法實現這一點，因爲緩存api的'匹配'方法對url請求對象起作用，我無法操作它。有沒有辦法可以操縱url請求對象？或者是否有解決方法？

Answer 1

如果需要，您可以創建自己的回覆。不過，我認爲你正在描述經典的SPA架構。在那裏，您將擁有一個應用程序外殼，並通過在瀏覽器中呈現標記或從服務器追加預先呈現的標記來填充客戶端的主要內容區域。 您可能想查看sw模板策略作爲可能的開始地點 - >https://jakearchibald.com/2014/offline-cookbook/#serviceworker-side-templating