dist

Le répertoire dist, abréviation de distribution, est généré dynamiquement lors de l'utilisation de la commande nuxt generate et contient les fichiers HTML prêts pour la production ainsi que les ressources nécessaires au déploiement et à l'exécution de votre application Nuxt.

Déploiement

C'est le répertoire que vous devez télécharger pour l'hébergement statique car il contient vos fichiers HTML prêts à la production et vos ressources

La propriété 'dir'

Le répertoire dist est nommé dist par défaut mais peut être configuré dans votre fichier nuxt.config.

generate: {
  dir: 'mon-site'
}

La propriété subFolders

Nuxt place par défaut toutes nos pages générées dans un répertoire, cependant nous pouvons changer cela si on le souhaite en modifiant le fichier nuxt.config.js et en changeant la propriété des sous-répertoires pour qu'ils soient false.

generate: {
  subFolders: false
}

La propriété fallback

Lors du déploiement de votre site, vous devrez vous assurer que le chemin html de repli est correctement défini. Il doit être défini comme page d'erreur afin que les routes inconnues soient rendues via Nuxt. S'il n'est pas défini, Nuxt utilisera la valeur par défaut qui est la page 200.html.

Lors de l'exécution d'une application à page unique, il est plus logique d'utiliser 200.html car c'est le seul fichier nécessaire puisque aucune autre route n'est générée.

Lorsque vous travaillez avec des pages générées statiquement, il est recommandé d'utiliser un fichier 404.html pour les pages d'erreur.

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

La propriété exclude

Vous pouvez exclure des pages de la génération en utilisant la propriété generate exclude. Au lieu d'être générée en tant que page statique, elle deviendra une page d'application unique et ne sera rendue que du côté client.

generate: {
  exclude: [/admin/]
}