Destinos da Implantação

Hospedagem Estática

A Nuxt também funciona como uma geradora de sítios estáticos. Interpretamos estaticamente a nossa aplicação de Nuxt e obtemos todas as vantagens duma aplicação universal sem um servidor. O comando nuxt generate gerará uma versão estática do nosso sítio da Web. Esta gerará a marcação de hipertexto para cada uma das nossas rotas e coloca-o dentro do seu próprio ficheiro no diretório dist/. Isto melhora o desempenho, bem como a otimização dos motores de pesquisa e um melhor suporte a trabalhar desconectado da rede.

Para os sítios estáticos, o destino static precisa ser adicionado ao nosso ficheiro nuxt.config:

export default {
  target: 'static' // o padrão é 'server'
}

Executar nuxt dev com o destino estático melhorará a experiência de programação:

• Remove req e res do context
• Retrocede à interpretação do lado do cliente em 404, erros e redirecionamentos consular o Retrocesso da Aplicação de Página Única .
• $route.query será sempre igual a {} na interpretação do lado do servidor.
• process.static é true.

Hospedagem de Servidor

Hospedagem de servidor significa executar a Nuxt num servidor de Node.js. Quando o utilizador abre a nossa página, o seu navegador solicita esta página ao servidor. A Nuxt manipula a requisição, interpreta a página e envia de volta a página resultante com todo o seu conteúdo.

Podemos precisar de hospedagem de servidor se quisermos interpretar a marcação de hipertexto em cada pedido em vez de o fazer antecipadamente no momento da geração, ou se precisarmos de serverMiddleware .

Para hospedagem de servidor, é usado target: 'server', o qual é o valor predefinido. Utilizaremos o comando build para construir a nossa aplicação:

export default {
  target: 'server'
}