Nuxt•2y ago

Struggling with useAsyncData, unexpected api calls

Hello! I’m using

useAsyncData()

useAsyncData()

useAsyncData()

useAsyncData() to fetch data from Sanity. Whenever I navigate to a page where I’m fetching the data, I see a network request to Sanity. I was under the impression that

useAsyncData

useAsyncData

useAsyncData

useAsyncData would return a static payload and not fire requests to the upstream service. Am I using it wrong?

I’m deploying to Cloudflare Workers. Maybe I missed a step to get things to work as I expected.

Thanks for any help!

LLevi Whalen Hello! I’m using `useAsyncData()` to fetch data from Sanity. Whenever I navigate...

manniL•6/28/24, 2:43 PM

if you use generategenerate or enable payload extraction manually, the calls will be static

manniL•6/28/24, 2:43 PM

otherwise not

Levi WhalenOP•7/6/24, 12:39 AM

I am trying with generategenerate and the payload works if I reload from a specific page, no API call happens. but when I try to navigate to a page, it still calls the API. If I call

useAsyncData

useAsyncData

with the same key on every [slug].vue[slug].vue page, and reload, then navigate, no API call happens. However, if I start from the homepage and navigate, the API calls happen on every page navigation.

Its really strange.

Levi WhalenOP•7/6/24, 1:10 AM

Here's a deployment if you want to check it out: https://grace-foursquare.pages.dev/

LLevi Whalen I am trying with `generate` and the payload works if I reload from a specific pa...

manniL•7/6/24, 7:25 AM

Then maybe not all pages are perendered properly?

Levi WhalenOP•7/6/24, 10:13 PM

Hmm…the build process says they are. I wonder if there is a bug in useSanityuseSanity. I’ll try proxying with a server route and see if that resolves it.

Struggling with useAsyncData, unexpected api calls

Similar Threads

Similar Threads

Similar Threads