Greifen Sie in der React-Anwendung auf YAML-Umgebungsvariablen zu
P粉320361201
2023-08-30 20:02:17
<p>Ich entwickle eine React-Anwendung, die in drei Umgebungen bereitgestellt wird.
Entwicklung/Qualitätssicherung und Produkt. </p>
<p>Das Devops-Team stellte mir eine YAML-Datei mit Umgebungsvariablen zur Verfügung und bat uns, diese Variablen in unserer Anwendung zu verwenden. </p>
<p>Beispiel YAML -</p>
<pre class="brush:php;toolbar:false;">---
apiVersion: apps/v1
Etiketten:
App: kubesphere
Komponente: ui-dev
Ebene: Frontend
Name: ui-dev
Namensraum: Testprojekt
Spezifikation:
matchLabels:
App: kubesphere
Komponente: ui-dev
Ebene: Frontend
Vorlage:
Metadaten:
Etiketten:
App: kubesphere
Komponente: ui-dev
Ebene: Frontend
Spezifikation:
Behälter:
-env:
- Name: BACKEND_URL
Wert: http://192.40.84.98:5656
Bild: $REGISTRY/$HARBOR_NAMESPACE/$APP_NAME:$IMAGE_VERSION-$BUILD_NUMBER
imagePullPolicy: Immer</pre>
<p>Die Variable, auf die wir zugreifen müssen, ist BACKEND_URL. </p>
<p>Ich verwende sie in unserer App als -process.env.BACKEND_URL, aber es funktioniert nicht. </p>
<p>Habe ich etwas verpasst? Bitte leiten. </p>
您无法从客户端 JavaScript(浏览器)访问
process.env
在这种情况下它是反应。因此,即使容器具有该环境变量,JavaScript 也无法访问它。React 使用 env 变量的方式是,React 从
.env
文件中读取它们,然后在构建中 React 获取这些变量并将它们保留为 JavaScript 代码。在您的情况下,图像(反应应用程序)已经构建,所以它不能 访问容器中的那些环境变量..