PWA - кешировать и загружать одну и ту же оболочку для разных URL-адресов

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, получите ответ html из кэша www.xyz.com/user-1 (поскольку это та же оболочка приложения).

Я не смог этого достичь, потому что метод match api кеша работает с объектом запроса url, и я не мог им манипулировать. Есть ли способ, где я могу манипулировать объектом запроса URL? Или есть обходной путь для этого?

Answer 1

Вы можете создать свой собственный ответ, если хотите. Однако я думаю, что вы описываете классическую архитектуру SPA. Там у вас будет оболочка приложения и заполнение основной области содержимого на стороне клиента, либо путем рендеринга разметки в браузере, либо путем добавления предварительно обработанной разметки с сервера. Возможно, вы захотите проверить стратегию SW как возможное место для начала -> https://jakearchibald.com/2014/offline-cookbook/