Greifen Sie in der React-Anwendung auf YAML-Umgebungsvariablen zu
P粉320361201
P粉320361201 2023-08-30 20:02:17
0
1
580
<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>
P粉320361201
P粉320361201

Antworte allen(1)
P粉748218846

您无法从客户端 JavaScript(浏览器)访问 process.env 在这种情况下它是反应。因此,即使容器具有该环境变量,JavaScript 也无法访问它。

React 使用 env 变量的方式是,React 从 .env 文件中读取它们,然后在构建中 React 获取这些变量并将它们保留为 JavaScript 代码。

在您的情况下,图像(反应应用程序)已经构建,所以它不能 访问容器中的那些环境变量..

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage