使服务器端渲染的React应用与Service Worker脱机工作

时间:2019-06-11 06:44:52

标签: reactjs service-worker ssr workbox

我想知道如何解决服务器端渲染的React应用程序的以下失败的Lighthouse审核。

  • 当前页面脱机时不响应200
  • start_url脱机时不响应200

lighthouse audit result

我能够使用workbox-webpack-plugin生成并注册服务工作者,并预先缓存JavaScript和样式表。

但是,由于该应用是在服务器端呈现的,因此没有index.html可以缓存,并且该应用无法“在脱机时以200响应”。具体来说,当我离线并刷新网页时,会遇到浏览器的离线消息。

我认为可能的解决方案是生成应用程序外壳程序(包含准备在客户端上呈现的应用程序的html文档),缓存该应用程序外壳,并在脱机时使用它。但是我不知道从哪里开始。有什么想法或替代建议吗?

0 个答案:

没有答案