如何仅使用 networkfirst 缓存 spa.html 或如何使用 ssr 配置离线 mod答案

【问题标题】：How to cache spa.html only with networkfirst or how to configure offline mod with ssr如何仅使用 networkfirst 缓存 spa.html 或如何使用 ssr 配置离线 mod
【发布时间】：2019-08-31 10:11:09
【问题描述】：

我有一个带有 ssr 的应用程序，事实证明，当有 Internet 时，该页面总是带有正确的标记。问题是我不知道如何强制工作箱仅在明显没有网络时才放弃 spa.html。

我做到了：

workbox.routing.registerNavigationRoute(
   workbox.precaching.getCacheKeyForURL('/spa.html')
)

但是缓存一次然后用户总是收到这个文件，即使有网络，用户在所有页面上都收到没有标记的文件：<div id="app"></div>

我只想在用户有网络问题时缓存并提供 spa.html 文件

【问题讨论】：

标签： javascript vue.js frontend service-worker workbox

【解决方案1】：

试试这个：

workbox.routing.registerRoute(
      new RegExp('/spa.html'),
      new workbox.strategies.NetworkFirst()
);

参考：https://developers.google.com/web/tools/workbox/modules/workbox-strategies#network_first_network_falling_back_to_cache

【讨论】：