vue.js - 带有 vue js 的工作箱

Question

我想使用带有 vue 组件的后备页面，但没有得到响应。因此，如果没有响应，则当前返回 html 页面。但我需要返回 Vue 组件。我正在使用 networkFirst 策略。

const offlineUrl = 'static/offline.html';

let networkFirstHandler = workbox.strategies.networkFirst({
  cacheName: 'default',
  plugins: [
    new workbox.expiration.Plugin({
      maxEntries: 50
    }),
    new workbox.cacheableResponse.Plugin({
      statuses: [200]
    })
  ]
});

const matcher = ({event}) => event.request.mode === 'navigate';

const handler = (args) => networkFirstHandler.handle(args).then((response) => (!response) ? caches.match(offlineUrl) : response);

但是在 OfflineUrl 中，我想返回我的 Vue 组件。