Nuxt.js vous permet de gérer de manière transparente les variables d'environnement via des fichiers .env, mais rencontrer des problèmes n'est pas rare. Ce guide fournit une solution étape par étape au problème récurrent d'accès aux variables .env dans la configuration de Nuxt.
Vous êtes confronté à un échec dans votre application Nuxt en essayant de lire variables d'environnement de .env dans nuxt.config.js ou un autre module. Les erreurs de la console indiquent qu'une clé est manquante, bien qu'elle soit spécifiée dans le fichier .env.
Dans les versions antérieures de Nuxt, les variables .env n'étaient pas automatiquement chargées dans l'application. Des packages supplémentaires, tels que @nuxtjs/dotenv, étaient nécessaires pour faciliter le processus de chargement. Cependant, avec l'introduction de Nuxt 2.13, la gestion de dotenv est désormais intégrée au framework, éliminant le besoin de packages externes.
Pour Nuxt 2.13 ou supérieur :
export default { publicRuntimeConfig: { myPublicVariable: process.env.PUBLIC_VARIABLE, }, privateRuntimeConfig: { myPrivateToken: process.env.PRIVATE_TOKEN, } }
Pour Nuxt 3 :
import { defineNuxtConfig } from 'nuxt3' export default defineNuxtConfig({ runtimeConfig: { public: { secret: process.env.SECRET, } } }
En suivant ces étapes, vous pouvez utiliser efficacement Variables .env dans Nuxt 2 ou 3. N'oubliez pas que les fichiers .env sont précieux pour stocker des informations sensibles et des valeurs de configuration, garantissant qu'elles ne sont pas exposées aux publique.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!