prerenderRoutes

Source
prerenderRoutes는 Nitro에게 추가 라우트를 미리 렌더링(prerender)하라고 힌트를 제공합니다.

프리렌더링 시, 생성된 페이지의 HTML에 URL이 나타나지 않더라도 Nitro에게 추가 경로를 프리렌더링하라고 힌트를 줄 수 있습니다.

prerenderRoutes는 Nuxt 컨텍스트 내에서만 호출할 수 있습니다.
prerenderRoutes는 프리렌더링 중에 실행되어야 합니다. 프리렌더링되지 않는 동적 페이지/라우트에서 prerenderRoutes를 사용하면 실행되지 않습니다.
const route = useRoute()

prerenderRoutes('/')
prerenderRoutes(['/', '/about'])
브라우저에서, 또는 프리렌더링 외부에서 호출되는 경우 prerenderRoutes는 아무 효과가 없습니다.

API 라우트도 프리렌더링할 수 있으며, 이는 완전 정적 생성 사이트(SSG)에 특히 유용합니다. 이렇게 하면 마치 서버가 있는 것처럼 $fetch로 데이터를 가져올 수 있습니다!

prerenderRoutes('/api/content/article/name-of-article')

// 앱의 어딘가 나중에
const articleContent = await $fetch('/api/content/article/name-of-article', {
  responseType: 'json',
})
프로덕션에서 프리렌더링된 API 라우트는 배포하는 제공자에 따라 예상한 응답 헤더를 반환하지 않을 수 있습니다. 예를 들어, JSON 응답이 application/octet-stream 콘텐츠 타입으로 제공될 수 있습니다. 프리렌더링된 API 라우트를 가져올 때는 항상 수동으로 responseType을 설정하세요.