La variable .env.Production n'est pas définie après la construction de Vue

Question

J'ai deux fichiers .env dans mon projet Vue 2.2.3, .env.development ;.

Dans chaque fichier .env, j'ai attribué à la variable VUE_APP_API_URL une valeur différente pour mon environnement de développement local et une autre pour une utilisation sur les serveurs de production. .

L'exécution de npm run build compile l'application dans le dossier local dist Cependant, la journalisation VUE_APP_API_URL dans mon application Vue renvoie undefined lorsque je déploie dist

C'est la première fois que je fais cela, donc il me manque peut-être quelque chose. Dois-je faire autre chose pour que l'URL .env.production fonctionne avec la version ?

Merci d'avance pour votre aide !

Answer 1

Mon conseil est le suivant : ne compliquez pas trop les choses. Utilisez simplement un fichier .env.

Veuillez vous assurer de ne pas le transférer vers le référentiel, sinon il sera rendu public. C'est tout.

Ma configuration est : .env pour dev, qui contient des constantes.

Ensuite, en production, vous définissez simplement la variable ici.