Service worker из нескольких источников не может обслуживать статический контент (*.js, *.css) на одной странице
Service worker из нескольких источников не может обслуживать статический контент (*.js, *.css) на одной странице.
У меня есть независимые приложения SPA, которые мне нужно интегрировать друг с другом без iframe. Я использую библиотеку microfrontend - https://single-spa.js.org/ для монтирования и размонтирования дочерних приложений.
- Родительское приложение (origin-1) - https://example.com/ (разработано в Angular 8). Область действия: корень родительского приложения, т.е. '/' Родительский объект создал свой собственный файл service-worker.js.
- Дочернее приложение (origin-2) - https://example-react.com/ (разработано в React). Область действия: корень дочернего приложения, т.е. '/' У ребенка сгенерирован собственный файл service-worker.js.
И приложение example.com, и приложение example-react.com работают независимо (в разных вкладках браузера), и все статическое содержимое в обоих приложениях обслуживается их соответствующими работниками службы.
Проблема: когда родительские и дочерние приложения интегрированы (с использованием библиотеки single-spa.js.org) и обслуживаются на одной странице ( https://example.com/index.html), тогда служебный работник родительского и дочернего зарегистрированы как разные источники, но дочерний сервис-воркер остается STOP, и статический контент из дочернего приложения не обслуживается - также не создается кеш из дочернего приложения.