Accéder aux variables d'environnement YAML dans l'application React
P粉320361201
2023-08-30 20:02:17
<p>Je développe une application React qui sera déployée dans 3 environnements.
Développement/AQ et Produit. </p>
<p>L'équipe Devops m'a fourni un fichier YAML contenant des variables d'environnement et nous a demandé d'utiliser ces variables dans notre application. </p>
<p>Exemple YAML -</p>
<pre class="brush:php;toolbar:false;">---
Version api : apps/v1
Étiquettes:
application : kubesphere
composant : ui-dev
niveau : frontend
nom : ui-dev
espace de noms : projet de test
spécification :
matchLabels :
application : kubesphere
composant : ui-dev
niveau : frontend
modèle:
métadonnées :
Étiquettes:
application : kubesphere
composant : ui-dev
niveau : frontend
spécification :
conteneurs :
-env :
- nom : BACKEND_URL
valeur : http://192.40.84.98:5656
image : $REGISTRY/$HARBOR_NAMESPACE/$APP_NAME :$IMAGE_VERSION-$BUILD_NUMBER
imagePullPolicy : toujours</pre>
<p>La variable à laquelle nous devons accéder est BACKEND_URL. </p>
<p>Je les utilise dans notre application en tant que - process.env.BACKEND_URL mais cela ne fonctionne pas. </p>
<p>Est-ce que j'ai raté quelque chose ? S'il vous plaît guider. </p>
Vous ne pouvez pas accéder au JavaScript (navigateur) côté client
process.env
Dans ce cas, il est réactif. Par conséquent, même si le conteneur possède cette variable d’environnement, JavaScript ne peut pas y accéder.La façon dont React utilise les variables d'environnement est que React les lit à partir du fichier
.env
, puis dans la construction, React prend ces variables et les conserve sous forme de code JavaScript.Dans votre cas, l'image (application React) est déjà construite, elle ne peut donc pas Accédez à ces variables d'environnement dans le conteneur..