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.
Para sítios estáticos o alvo static
precisa ser adicionado ao seu ficheiro nuxt.config
.
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 ores
docontext
- 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
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 .
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.
export default {
target: 'server'
}