PWA离线时怎么显示自定义的离线页面？

Mr.爱玲提问于 2026-03-14 21:49:21 阅读 2

移动

我用React做了一个PWA应用，想在用户离线时展示一个友好的提示页面，但试了几次都不生效。我在service worker里缓存了/offline这个路由对应的页面，但断网后直接显示默认的浏览器错误页，根本没走到我的离线页面。

这是我在App.js里写的路由逻辑：

function App() {
  return (
    <Routes>
      <Route path="/" element={<Home />} />
      <Route path="/offline" element={<OfflinePage />} />
      <Route path="*" element={<NotFound />} />
    </Routes>
  );
}

是不是光缓存页面还不够？还需要在fetch事件里手动拦截并返回离线页面吗？

我来解答赞 0 收藏

反馈

暂无解答