라우트 프리로딩은 사용자가 앞으로 이동할 수 있는 특정 라우트의 컴포넌트를 미리 로드하는 것입니다. 이렇게 하면 컴포넌트를 더 일찍 사용할 수 있어 내비게이션을 막을 가능성이 줄어들고, 성능이 향상됩니다.
NuxtLink 컴포넌트를 사용하고 있다면 Nuxt가 필요한 라우트를 이미 자동으로 프리로드합니다.navigateTo를 사용할 때 라우트를 프리로드합니다.
// 렌더링을 막지 않기 위해 이 비동기 함수를 await 하지 않습니다
// 이 컴포넌트의 setup 함수
preloadRouteComponents('/dashboard')
const submit = async () => {
const results = await $fetch('/api/authentication')
if (results.token) {
await navigateTo('/dashboard')
}
}
preloadRouteComponents가 아무 효과도 없습니다.