Nuxt 3 비동기식 결합성

Question

Nuxt 3에 다음과 같은 비동기 컴포저블이 있지만 예상대로 작동하지 않습니다. React 배경에서 뭔가 누락된 것 같습니다.

컴포저블에 다음 코드가 있습니다.

으아아아

그런 다음 내 페이지에서는 다음과 같이 사용합니다.

으아아아

희망합니다foo 获取承诺返回的值，但它始终是 null.

Nuxt 3에서는 컴포저블을 기다리는 것이 일반적인가요? (await useAsyncFoo()) 비동기 기능으로 내보내시겠습니까? 내가 뭐 잘못 했어요?

Answer 1

컴포저블에서 페이지로 데이터를 전송하려고 오후 시간을 보냈지만 항상 이상하거나 정의되지 않은 데이터가 발생했습니다. 여기에 있는 댓글을 읽으면서 마침내 내가 놓친 것이 무엇인지 파악하고 이를 수행할 수 있었습니다. 감사합니다! 도움이 된다면 여기 내 파일이 있습니다.

(FetchWrapper는 이 기사에서 영감을 받아 만든 컴포저블이므로 모든 요청에 ​​토큰을 추가할 필요는 없지만 Nuxt $fetch 메서드를 사용합니다.)

내 구성 가능한 항목

으아악

마이페이지

으아악