Diretório de Distribuição

A pasta dist, abreviação de pasta de distribuição, é gerada automaticamente ao usar os comandos nuxt generate e inclui os ficheiros .html prontos para produção e os recursos necessários para implantar e executar a nossa aplicação de Nuxt gerada estaticamente.

Implantação

Esta é a pasta que precisamos de carregar para a hospedagem estática, uma vez que contém os nossos ficheiros .html e recursos prontos para produção.

A Propriedade dir

A pasta de distribuição é nomeada dist por predefinição, mas pode ser configurada no nosso ficheiro nuxt.config.js:

generate: {
  dir: 'my-site'
}

A Propriedade subFolders

A Nuxt coloca todas as nossas páginas geradas numa pasta por predefinição, porém podemos mudar isto se quisermos modificando o nuxt.config.js e alterando a subFolders para false:

generate: {
  subFolders: false
}

A Propriedade fallback

Ao implantar o nosso sítio, teremos de certificar-nos de que o caminho da marcação de hipertexto de retrocesso está definido corretamente. Esta deve ser definida como a página de erro para as rotas desconhecidas serem desenhadas através da Nuxt. Se não for definida, a Nuxt utilizará o valor predefinido, que é 200.html.

Ao executar uma aplicação de página única, faz mais sentido utilizar 200.html, por ser o único ficheiro necessário, uma vez que não são gerados outras rotas.

Ao trabalhar com páginas geradas estaticamente, recomenda-se a utilização de um 404.html para as páginas de erro.

export default {
  generate: {
    fallback: '404.html'
  }
}

A Propriedade excludes

Podemos excluir páginas de serem geradas ao utilizar a propriedade excludes de generate. Em vez de ser gerada como uma página estática, será uma página de aplicação de página única e só será desenhada no lado do cliente:

generate: {
  exclude: [/admin/]
}