prerenderRoutes
prerenderRoutes dá dicas ao Nitro para pré-renderizar uma rota adicional.
Ao pré-renderizar, você pode dar dicas ao Nitro para pré-renderizar caminhos adicionais, mesmo que suas URLs não apareçam no HTML da página gerada.
prerenderRoutes só pode ser chamado dentro do contexto do Nuxt.
prerenderRoutes deve ser executado durante a pré-renderização. Se o prerenderRoutes for usado em páginas/rotas dinâmicas que não são pré-renderizadas, ele não será executado.
const route = useRoute()
prerenderRoutes('/')
prerenderRoutes(['/', '/about'])
No navegador, ou se chamado fora da pré-renderização, prerenderRoutes não terá efeito.
Você pode até mesmo pré-renderizar rotas de API, o que é particularmente útil para sites totalmente gerados estaticamente (SSG), pois você pode então $fetch dados como se tivesse um servidor disponível!
prerenderRoutes('/api/content/article/name-of-article')
// Em algum lugar mais tarde no App
const articleContent = await $fetch('/api/content/article/name-of-article', {
responseType: 'json',
})
Rotas de API pré-renderizadas em produção podem não retornar os cabeçalhos de resposta esperados, dependendo do provedor para o qual você faz o deploy. Por exemplo, uma resposta JSON pode ser servida com um tipo de conteúdo application/octet-stream.
Sempre defina manualmente responseType ao buscar rotas de API pré-renderizadas.
※Esta página é uma tradução não oficial da documentação oficial do Nuxt.js.
A página correspondente na documentação oficial está aqui:
https://nuxt.com/docs/3.x/api/utils/prerender-routes