无法让工作箱 BackgroundSyncPlugin 与 next-pwa 一起工作，离线时网络选项卡中不显示任何请求

Question

我计划将 next-pwa 与 workbox 的后台同步插件结合使用，以在客户端在线时重试离线 POST/PUT/DELETE 请求。

我已经设置了一个运行时缓存条目：

   {
        urlPattern: /\/api\/.*$/i,
        handler: 'NetworkFirst',
        method: 'GET',
        options: {
            cacheName: 'apis-READ',
            expiration: {
                maxEntries: 16,
                maxAgeSeconds: 30 * 24 * 60 * 60 // 30 days
            },
            networkTimeoutSeconds: 10 // fall back to cache if api does not response within 10 seconds
        }
   },
   {
        urlPattern: /\/api\/.*$/i,
        handler: 'NetworkOnly',
        method: 'POST',
        options: {
            backgroundSync: {
                name: 'harvest-background-sync'
            }
        }
    },

它似乎在缓存 GET 请求，但对 POST 请求没有任何作用。

Answer 1

用户错误。我在应用程序中有一些代码检查 navigator.online 并在客户端离线时跳过请求。删除后与上述配置完美配合。