Laravel Vue PWA с использованием архитектуры оболочки приложения

Question

У меня есть существующий SPA, использующий Laravel и Vue.

Я создаю файл маршрутов для всех конечных точек api и один маршрут для всех остальных запросов:

Route::get('{path}', function () {
    return view('index');
})->where('path', '(.*)');

Это передает все запросы в систему маршрутизации Vue.

Существует index.blade.php, который строит index.php - это оболочка приложения.

Я хочу, чтобы мой сервисный работник использовал содержимое этого index.php для всех запросов, но это означает, что его нужно предварительно кэшировать, и я не могу запросить /index.php.

Я использую Laravel Mix Workbox и workbox-window чтобы справиться со стороны сервис-воркеров.

Похоже, что использование dynamicUrlToDependencies может быть ключевым, хотя я не уверен, как это реализовать, используяworkbox-window, и также похоже, что dynamicUrlToDependencies мог быть переименован в templatedUrls в Workbox V4 (а я использую V5)