useState의 캐시된 상태를 삭제한다. 이 방법은 useState의 상태를 무효화하려는 경우에 유용하다. Type clearNuxtState (keys?: string | string[] | ((key: string) => boolean)): void 매개변수 keys: 캐시된 상태를 삭제하기 위해 useState 에서 사용되는 키 하나 또는 배열이다. 키가 제공되지 않으면 모든 상태가 무효화된다.

캐시된 데이터, 오류 상태, useAsyncData 및 useFetch의 보류 중인 약속을 삭제한다. 이 방법은 다른 페이지에 대한 데이터 가져오기를 무효화하려는 경우에 유용하다. Type clearNuxtData (keys?: string | string[] | ((key: string) => boolean)): void 매개변수 keys: 캐시된 데이터를 삭제하기 위해 useAsyncData 에서 사용되는 키 하나 또는 배열입니다. 키가 제공되지 않으면 모든 데이터가 무효화된다.

페이지, 구성요소 및 플러그인 내에서 clearError를 사용하여 모든 오류를 지우고 사용자를 리디렉션할 수 있다. 매개변수 options?: 리디렉션할 선택적 경로를 제공할 수 있다(예: '안전한' 페이지로 이동하려는 경우). type : { redirect?: string } // Without redirect clearError() // With redirect clearError({ redirect: '/homepage' }) 오류는 useError() 을 사용하여 상태에 설정된다. clearError 컴포저블은 이 상태를 재설정하고 제공된 옵션을 사용하여 app:error:cleared 후크를 호출한다.

addRouteMiddleware()는 애플리케이션에 미들웨어를 동적으로 추가하는 헬퍼 함수이다. 경로 미들웨어는 Nuxt 애플리케이션의 middleware/ 디렉토리에 저장된 탐색 가드다(달리 설정하지 않는 한). Type addRouteMiddleware (name: string | RouteMiddleware, middleware?: RouteMiddleware, options: AddRouteMiddlewareOptions = {}) 매개변수 name : 문자열이거나 RouteMiddleware 유형의 함수일 수 있다. 함수는 다음 경로 to를 첫 번째 인수로, 현재 경로 from를 두 번째 인수로 사용하며 둘 다 Vue 경로 객체다. type : string | RouteMiddleware 참고..

abortNavigation 은 경로 탐색이 발생하지 않도록 방지하고 매개변수로 설정된 경우 오류를 발생시키는 헬퍼 함수입니다. abortNavigation 은 경로 미들웨어 핸들러 내에서만 사용할 수 있다. Type abortNavigation(err?: Error | string): false 매개변수 err : abortNavigation 에서 발생하는 선택적 오류입니다. type : Error | string 사용 예 err 을 string 으로 오류를 문자열로 전달할 수 있다. // middleware/auth.ts export default defineNuxtRouteMiddleware((to, from) => { const user = useState('user') if (!user.valu..

Nuxt는 ofetch를 사용하여 Vue 앱 또는 API 경로 내에서 HTTP 요청을 만들기 위한 $fetch 헬퍼를 전역적으로 노출한다. 서버 측 렌더링 중에 $fetch 호출하여 내부 API 경로를 가져오면 저장 및 추가적인 API 호출과 같은 관련 함수(요청 에뮬레이션)를 직접 호출한다. useAsyncData 로 래핑하지 않은 채컴포넌트에서 $fetch 를 사용하면 서버에서 클라이언트로 상태를 전송하지 않기 때문에 클라이언트가 데이터를 다시 가져와야 하므로 가져오기가 양쪽에서 실행된다. 따라서 $fetch 를 사용하면 데이터를 두 번 가져온다. 처음에는 서버에서, 그 다음에는 하이드레이션 중에 클라이언트 측에서 다시 가져온다. 구성요소 데이터를 가져올 때 이중 데이터 가져오기를 방지하려면 useF..