检测无网络或离线并通过工作箱默认刷新页面？

如何解决检测无网络或离线并通过工作箱默认刷新页面？

我正在使用 workbox 插件来实现 PWA。我的前端框架是 React。在我下线之前，我会发出所有网络请求并获取数据并将它们保存到 indexdb。断开网络连接后，我希望自动刷新页面，以便服务人员发出网络请求，并在失败时从 indexdb 获取数据并将其存储到我的 React 存储中（我使用 useReducer 钩子实现）。一切都如我所愿。我想要的只是在用户离线时自动刷新页面，现在用户必须在开始从商店中获取数据之前手动执行一次。有没有办法做到这一点，因为我正在寻找，“在离线后只找到一次没有网络时刷新页面？”像我需要研究哪些方法/事件来实现这个？ serviceworker 是否有一些我可以设置的配置，它会自动执行等等。

如果我的问题不清楚，请告诉我。