Vue : construire une application web (école d'ingénieur) · Chapitre 6 · Application directe du cours

Variables d'environnement

Vite et composants monofichiers · niveau 1 (application)

Énoncé

Le fichier .env d'un projet contient


VITE_URL_API=/api
URL_API=/api

Qu'affiche ce composant en développement ? Et dans la version construite ?


<script setup>
console.log("VITE_URL_API :", import.meta.env.VITE_URL_API);
console.log("URL_API :", import.meta.env.URL_API);
console.log("DEV :", import.meta.env.DEV, "| PROD :", import.meta.env.PROD);
</script>

Corrigé

En développement :


VITE_URL_API : /api
URL_API : undefined
DEV : true | PROD : false

Dans la version construite :


VITE_URL_API : /api
URL_API : undefined
DEV : false | PROD : true

URL_API, sans le préfixe, n'est pas transmise au code : elle vaut undefined. Dans la version construite, les expressions import.meta.env.DEV et import.meta.env.PROD ont été remplacées par leurs valeurs, false et true.

100 % gratuit

La suite du chapitre est sur Adloun

Exercice suivant et tuteur

Sans compte : le cours et le premier QCM. Exercices et tuteur : inscription gratuite en 30 secondes, sans carte bancaire.

Le cours du chapitre · Tous les exercices du chapitre

Exercice suivant et tuteur →