我目前正在尝试使用React / Redux构建WordPress主题。一切都按预期工作,除了离线时回复200。
CRA(创建React App)的构建文件夹位于/wp-content/themes/pwa/build
。
在线时,WordPress会为所有路由加载index.php。这将从.css
文件夹中注册.js
和build
。这里一切都按预期工作。
我试图了解如何配置CRA / WorkBox在/
注册服务工作者,并在离线时使用index.html
文件夹中的build
服务所有页面。
index.html的完整网址:https://example.com/wp-content/themes/pwa/build/index.html
如果需要,我可以提供演示的链接。
答案 0 :(得分:0)
我终于在W3C的帮助下解决了这个问题。
在react应用的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>