Question

我正在工作箱中为“ POST”操作配置后台队列。请指导我在何处为workbox-config.js的“ runtimeCaching”配置中的“ POST”操作提供选项

module.exports = {
  "globDirectory": "dist/",
  "globPatterns": [
    "**/*.{txt,ico,html,js,css}"
  ],
  "swDest": "dist\\sw.js",
  runtimeCaching: [{
    urlPattern: /api/,
    handler: 'NetworkOnly',
    options: {
      // Configure background sync.
      backgroundSync: {
        name: 'product-bgsync-queue1',
        options: {
          maxRetentionTime: 24 * 60 * 60,
        },
      },
    },
  }]
};

以上代码在dist / sw.js中为“ GET”生成默认配置。

workbox.routing.registerRoute(/api/,
new workbox.strategies.NetworkOnly({  
   plugins:[  
      new workbox.backgroundSync.Plugin("product-bgsync-queue1",
      {  
         maxRetentionTime:86400
      }      )
   ]
}),
'GET');

请指导如何为“ POST”操作生成相同的配置。

Answer 1

添加method: 'POST'应该会给您您想要的行为：

runtimeCaching: [{
  urlPattern: /api/,
  handler: 'NetworkOnly',
  method: 'POST',
  options: {
    // Configure background sync.
    backgroundSync: {
      name: 'product-bgsync-queue1',
      options: {
        maxRetentionTime: 24 * 60 * 60,
      },
    },
  },
}]

如何在workbox-config.js中配置POST操作的runtimeCaching

1 个答案: