工作箱与vue js

时间:2018-05-03 08:12:49

标签: vue.js progressive-web-apps workbox-webpack-plugin

我想使用带有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组件。

0 个答案:

没有答案