Nuxt 3 - useFetch가 첫 로딩 때 항상 null이에요

로그인 된 유저 데이터를 가져오는데 자꾸 요청에 null이 돌아와서 난감이었다.

 

알고 보니 if (process.server) 등으로 서버 실행을 걸러내거나, Client-Only가 되었을 때 await으로 useFetch 등을 이용해 요청을 하면 hydration이 끝날 때까지 요청은 수행되지 않는다.

 

간단 설명: client only로 작동하는 await useFetch는 첫 요청을 하지 않는다.

 

해결책: $fetch를 쓰자.

 

https://nuxt.com/docs/api/composables/use-fetch