如何使用 Kubernetes 覆盖 React JS 应用程序中的环境变量？

Question

我有一个简单的 React JS 应用程序，它使用 .env 文件中定义的环境变量（REACT_APP_BACKEND_SERVER_URL）。现在我正在尝试使用 Kubernetes 将此应用程序部署到 minikube。

这是我的部署文件：

apiVersion: apps/v1
kind: Deployment
metadata:
  name: test-ui
spec:
  replicas: 1
  selector:
    matchLabels:
      app: test-ui
  template:
    metadata:
      name: test-ui-pod
      labels:
        app: test-ui
    spec:
      containers:
        - name: test-ui
          image: test-ui:1.0.2
          ports:
            - containerPort: 80
          env:
            - name: "REACT_APP_BACKEND_SERVER_URL"
              value: "http://127.0.0.1:59058"

当我运行应用程序时，它正在工作，但 REACT_APP_BACKEND_SERVER_URL 给出了我在 .env 文件中定义的值。不是我要压倒的那个。有人可以帮我吗？如何使用 Kubernetes 部署覆盖 env 变量？

Answer 1

使用您的部署 YAML 启动应用程序并检查环境变量后，我看到了该环境变量的环境变量。

REACT_APP_BACKEND_SERVER_URL=http://127.0.0.1:59058

您可以通过执行kubectl exec -it <pod-name> -- sh 并运行env 命令来检查。

所以你可以在环境变量中看到REACT_APP_BACKEND_SERVER_URL 是。它可供您的应用程序使用。我怀疑您可能需要从 React 应用程序方面更好地了解如何使用 .env 文件。