我计划将 next-pwa 与 workbox 的后台同步插件结合使用,以在客户端在线时重试离线 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 请求没有任何作用。