Existe-t-il un moyen d'injecter des variables d'environnement, par exemple REACT_APP_MY_API
dans le fichier index.html
?
Selon ceci , cela peut être fait, mais je n'arrive pas à le faire fonctionner.
REACT_APP_MY_API=https://something.com
<script type="text/javascript">
console.log("%REACT_APP_MY_API%") // undefined
console.log("%NODE_ENV%") // development
</script>
Je viens d'essayer avec une (presque) nouvelle configuration de l'ARC et cela fonctionne.
<head>
<title>React App</title>
<script type="text/javascript">
console.log("%REACT_APP_TEST%") // OK
console.log("%NODE_ENV%") // development
</script>
</head>
Avez-vous essayé de redémarrer le serveur? Je viens d'essayer de changer la variable de test avec votre exemple et cela fonctionne si vous redémarrez le serveur de développement.
J'ai essayé comme ça 'NODE_ENV = development npm start'
Assurez-vous de redémarrer votre application créer-réagir lorsque vous ajoutez des variables dans le fichier .env.
Assurez-vous également que vous avez> = [email protected]
J'utilise des variables .env pour le méta-titre d'un site avec différentes versions linguistiques de la construction:
<title>%REACT_APP_SITE_TITLE%</title>