dumb question: cache usage with useFetch

Hey guys - I couldn't find the answer in the official docs. What is the correct way to cache API responses based on keys ?

I understand that passing a

key

key

is to de-duplicate requests between server/side rendering, but I thought it alone would be enough to cache requests - to avoid hitting the API and instead grab from disk cache.

Apparently I need to pass a

cache

cache

key - is that it ? Indeed I need to force cache whenever I need to ?

Thanks in advance brothers.

const { data: response, error } = await useFetch(
      '/api/...',
      {
        method: 'GET',
        cache: 'force-cache',
        key: 'my-key-here',
      }
    )

const { data: response, error } = await useFetch(
      '/api/...',
      {
        method: 'GET',
        cache: 'force-cache',
        key: 'my-key-here',
      }
    )

Nuxt•15mo ago•

38 replies

lpmagal

dumb question: cache usage with useFetch

Hey guys - I couldn't find the answer in the official docs. What is the correct way to cache API responses based on keys ?

I understand that passing a

key

key

cache

cache

key - is that it ? Indeed I need to force cache whenever I need to ?

Thanks in advance brothers.

const { data: response, error } = await useFetch(
      '/api/...',
      {
        method: 'GET',
        cache: 'force-cache',
        key: 'my-key-here',
      }
    )

const { data: response, error } = await useFetch(
      '/api/...',
      {
        method: 'GET',
        cache: 'force-cache',
        key: 'my-key-here',
      }
    )

dumb question: cache usage with useFetch

Similar Threads

dumb question: cache usage with useFetch

Similar Threads

Similar Threads

Similar Threads