You are browsing Nuxt 2 docs. Go to Nuxt 3 docs, or learn more about Nuxt 2 Long Term Support.


Translated page Contents of this page might be outdated.

Alvos do Desdobramento

Hospedagem Estática

O Nuxt também funciona como um gerador de sítio estático. Renderiza estaticamente a sua aplicação Nuxt e receba todos os benefícios de uma aplicação universal sem um servidor. O comando nuxt generate gerará um versão estática do seu website. Ele gerará um HTML para cada rota sua e a põe dentro do seu próprio ficheiro dentro do diretório dist/. Isto melhora o desempenho como também o SEO e refinar o suporte do offline.

Rotas dinâmicas são também geradas graças ao Nuxt Crawler

Para sítios estáticos o alvo static precisa ser adicionado ao seu ficheiro nuxt.config.

nuxt.config.js
export default {
  target: 'static' // o padrão é 'server'
}

Executar o nuxt dev com o alvo estático melhorara a experiência do desenvolvedor:

  • Remove req e o res do context
  • Recua para renderização no lado cliente no 404, erros e redireciona consulte o recuo da aplicação de página única
  • $route.query será sempre igual ao {} na renderização no lado do servidor
  • process.static é true
Nós também estamos expondo process.target para os autores do módulo para adicionar a lógica dependendo do alvo do usuário.

Hospedagem de Servidor

Hospedagem do servidor significa executar o Nuxt em um servidor Node.js. Sempre que os usuários abrirem a sua página, os navegadores deles irão pedir aquela página a partir servidor. Nuxt manipulará a requisição, renderizará a página e enviará de volta a página resultante com todo o seu conteúdo.

Você pode precisar hospedar o servidor se você quiser renderizar o HTML a cada requisição de preferência ao momento de produção, ou se você precisar serverMiddleware .

Você pode continuar a executar o Nuxt com a hospedagem do servidor com ssr: false mas o Nuxt não renderizará de todo o HTML para cada página - deixando esse trabalho para o navegador. Você poderia escolher essa opção se você precisar do serverMiddleware mas não deseja que o HTML seja completamente renderizado no lado do servidor.

Para hospedagem do servidor, target: 'server' é usado, que é o valor padrão. Você usará o comando build para construir sua aplicação.

nuxt.config.js
export default {
  target: 'server'
}