useFetch API breaks after page transition

Hello,

I am facing an issue with useFetch() composable. I am calling my data like so :

// mypage.vue
const config = useRuntimeConfig()
const { data: images } = await useFetch<ImageKit[]>(
  'https://api.imagekit.io/v1/files',
  {
    method: 'GET',
    headers: {
      Accept: 'application/json',
      Authorization: 'Basic ' + config.IMAGEKIT_B64_API
    }
  }
)

When loading directly the URL http://localhost:3000/mypage the API is working as expected. However, when coming from another page, I have the following error : I also have a this in Firefox

I tried the solution posted here without success.

FYI I also tried this in `nuxt.config.ts :

routes: {
    '/': {
      prerender: true
    },
    '/*': {
      cors: true
    }
  }

[danielroe]

It should probably be:

- const { data: images } = useFetch<ImageKit[]>('api/imgkit')
+ const { data: images } = useFetch<ImageKit[]>('/api/imgkit')

[danielroe]

Yes, that’s exactly the kind of thing you could do. Up to you how to implement it; it depends a bit on your use case.