wordpress - React/WordPress PWA 离线时不会响应 200

我目前正在尝试使用 React/Redux 构建 WordPress 主题。除了离线时响应 200 之外，一切都按预期进行。

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

在线时，WordPress 会加载所有路由的index.php。这会注册 build 文件夹中的 .css 和 .js。这里一切都按预期进行。

我试图了解如何配置 CRA/WorkBox 以在 / 注册服务 worker ，并使用 build< 中的 index.html 为所有页面提供服务 离线时的文件夹。

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

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

最佳答案

在 W3C 的帮助下我终于解决了这个问题.

在React应用程序的/src/serviceWorker.js中传递scope选项。

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

配置 Apache 为已部署的服务工作线程提供 Service-Worker-Allowed header 。

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

关于wordpress - React/WordPress PWA 离线时不会响应 200，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53171684/