脱机时工作箱响应静态html页面

Question

当应用程序处于脱机状态时，我试图使工作箱使用静态html页面响应请求，但这似乎对我不起作用。

我尝试了几种方法，目前这是我所拥有的：

workbox.setConfig({
  debug: true
});

workbox.precaching.precacheAndRoute([]);

const offlinePage = '/offline/ot.html';

var networkFirst = workbox.strategies.networkFirst({
  cacheName: 'cache-pages'
});

const customHandler = async (args) => {
  try {
    const response = await networkFirst.handle(args);
    return response || await caches.match(offlinePage);
  } catch (error) {
    return await caches.match(offlinePage);
  }
};

workbox.routing.registerRoute(
  /\/ot.php|\/index.php/,
  customHandler
);

使用此代码，当应用程序处于脱机状态时，我将获得页面的缓存版本，但无法获得脱机/ot.html希望响应的页面。