脱机时React / WordPress PWA不会以200响应

时间:2018-11-06 12:13:46

标签: wordpress reactjs service-worker progressive-web-apps workbox

我目前正在尝试使用React / Redux构建WordPress主题。一切都按预期工作,除了离线时回复200。

CRA(创建React App)的构建文件夹位于/wp-content/themes/pwa/build

在线时,WordPress会为所有路由加载index.php。这将从.css文件夹中注册.jsbuild。这里一切都按预期工作。

我试图了解如何配置CRA / WorkBox在/注册服务工作者,并在离线时使用index.html文件夹中的build服务所有页面。

index.html的完整网址:https://example.com/wp-content/themes/pwa/build/index.html

如果需要,我可以提供演示的链接。

1 个答案:

答案 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>