通过 vite-react 和 GCP Cloud Build 访问环境变量

问：

我有一个 React 应用程序，它被 Docker 化并托管在 Google Cloud Build 上。我已经在 Cloud Build 上设置了环境变量，但我无法在我的 React 应用程序中访问它们。我做错了什么，我怎样才能在我的 React 应用程序中访问这些环境变量？

步骤：

• 名称：gcr.io/cloud-builders/docker 环境：

  • -“VITE_PUBLIC_KEY={$_VITE_PUBLIC_KEY}”， -“VITE_SERVICE_ID={$_VITE_SERVICE_ID}”， -“VITE_TEMPLATE_ID={$_VITE_TEMPLATE_ID}” 参数：
  • 建
  • '--no-cache'
  • '-t'
  • “image_name”
  • .
  • '-f'
  • Dockerfile.prod
• 名称：gcr.io/cloud-builders/docker 参数：
  • 推
  • “image_name”
• 名称： gcr.io/cloud-builders/gcloud 参数：
  • 跑
  • 部署
  • 鲍勃
  • '--图像'
  • “image_name”
  • '--region'
  • _DEPLOY_REGION 美元
  • '--允许未经身份验证'
  • '--平台'
  • _PLATFORM 美元 超时：600s

这是 YAML 文件：

我没有后端解决方案，我只想能够在客户端访问我的应用程序中的 3 个环境变量。而不声明 .env 文件。

尝试在 Cloud Run 中声明环境，并在 cloudbuild.yaml 文件中声明。它适用于 aws，但在 aws 上出现了不同的问题。