Accéder aux variables d'environnement YAML dans l'application React
P粉320361201
P粉320361201 2023-08-30 20:02:17
0
1
576
<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>
P粉320361201
P粉320361201

répondre à tous(1)
P粉748218846

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..

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal