无法使workbox BackgroundSyncPlugin使用next-pwa，脱机时没有请求显示在网络选项卡中。

Question

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

我设置了一个runtimeCaching条目：

   {
        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的代码，如果客户端离线，就跳过请求。删除该配置后，可以很好地与上述配置一起工作。