React / WordPress PWA не отвечает 200 в автономном режиме

Question

В настоящее время я пытаюсь создать тему WordPress с использованием React / Redux. Все работает, как и ожидалось, за исключением ответа 200 в автономном режиме.

Папка сборки CRA (приложение для создания React) находится по адресу /wp-content/themes/pwa/build.

В режиме онлайн WordPress загружает index.php для всех маршрутов. Это регистрирует .css и .js из папки build. Здесь все работает как положено.

Я пытаюсь понять, как настроить CRA / WorkBox, чтобы зарегистрировать работника службы на / и обслуживать все страницы, используя index.html в папке build в автономном режиме.

Полный URL index.html: https://example.com/wp-content/themes/pwa/build/index.html

При необходимости могу предоставить ссылку на демо.

Answer 1

Я наконец-то решил проблему с помощью W3C .

Pass scope опция в /src/serviceWorker.js приложения реакции.

// navigator.serviceWorker.register(swUrl)
navigator.serviceWorker.register(swUrl, {scope: "/"})

Настройка Apache для обслуживания заголовка Service-Worker-Allowed для развернутого сервисного работника.

<Files "service-worker.js">
    Header Set Service-Worker-Allowed "/"
</Files>