runtimeCaching does not work in production mode

[secretqsan]

I use vite-pwa/nuxt in my nuxt project, and I hope my app could be offline available. Everything works well when I start my app by nuxt dev. But when I start my app by nuxt build and nuxt preview, the runtimeCaching just can't work. Bellow is my config file.

export const pwaConfig = {
  registerType: 'autoUpdate',
  devOptions: {
    enabled: true,
    type: 'module',
  },
  manifest: {
 .......
  },
  workbox: {
    globPatterns: [
      '**/*.*'
    ],
    runtimeCaching: [
        {
          urlPattern: /^https?:\/\//,
          handler: 'NetworkFirst',
          options: { cacheName: 'api' }
        }
    ]
  },
}