web-dev-qa-db-fra.com

Créer une application React: utilisation de variables d'environnement dans index.html

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. 

.env

REACT_APP_MY_API=https://something.com

index.html

<script type="text/javascript">
  console.log("%REACT_APP_MY_API%") // undefined 
  console.log("%NODE_ENV%") // development
</script>
reactjscreate-react-app
6
Colin

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.

7
Clafou

J'ai essayé comme ça 'NODE_ENV = development npm start'

1
ling yu

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>

0
HAS-Jack