How to use Workbox custom cache in nuxt3?

[bbhxwl]

The following code doesn't seem to work.
I want to cache my post request and set the cache time for this request through a certain parameter.

nuxt.config.ts

    pwa:{
        workbox:{
            enabled:true,
            runtimeCaching:[
                {
                    urlPattern: '.*',
                    handler: 'CacheFirst',
                    options:{
                        cacheName:"api-cache",
                        expiration: {
                            maxEntries: 10,
                            maxAgeSeconds: 60
                        },
                        cacheableResponse: {
                            statuses: [0, 200]
                        }
                    }
                }
            ]
        }
    },

[bbhxwl]

StrategyHandler.js:271 Uncaught (in promise) attempt-to-cache-non-get-request: Unable to cache '/api/webApi/ServiceProviderApi_GetAll?cache=100' because it is a 'POST' request and only 'GET' requests can be cached.