Vue Service Worker脱机版不适用于所有页面

Question

我在Vue单页应用程序中安装了PWA，但是当我关闭Internet连接时，只有主页有效。其他路线似乎无效。 Google Chrome浏览器仅显示恐龙和“没有互联网”。

我曾尝试在Netlify中调整部署设置，但这似乎不是我猜到的问题。

我已经在dist文件夹中添加了_redirects文件

# Netlify settings for single-page application
/* /index.html 200

这是我的dist文件夹中的service-worker.js示例。

importScripts("/precache-manifest.randomstrings123.js", "https://storage.googleapis.com/workbox-cdn/releases/3.6.3/workbox-sw.js");

workbox.core.setCacheNameDetails({ prefix: "app-name" });

self.__precacheManifest = [].concat(self.__precacheManifest || []);
workbox.precaching.suppressWarnings();
workbox.precaching.precacheAndRoute(self.__precacheManifest, {});

const bgSyncPlugin = new workbox.backgroundSync.Plugin('queueExample', {
    maxRetentionTime: 48 * 60 // Retry for max of 24 Hours
});
workbox.routing.registerRoute(
    'https:/api.herokuapp.com/api/v1/add/item',
    workbox.strategies.networkOnly({
        plugins: [bgSyncPlugin]
    }),
    'POST'
);

我在Netlify中的预期输出是，即使Internet连接不可用，服务工作者仍将加载我应用程序的表单路由“ / form”页面。