如何从 React App 访问 Google Cloud Run 环境变量

Question

我有为我的 Google Cloud Run React App 部署定义的 Cloud Run 环境变量。

但是，当我尝试在下面的反应应用程序中访问它们时，它会得到“未定义”的值。

export const BASE_FRONTEND_URL = process.env.REACT_APP_BASE_FRONTEND_URL
export const BASE_BACKEND_URL = process.env.REACT_APP_BASE_BACKEND_URL

我知道上面的值是在客户端浏览器中，当时不存在任何变量。

但是我应该如何从 Google Cloud Run 仪表板获取环境变量并传播到客户端而不依赖“.env”文件。

Answer 1

如果你想在你的 react 应用程序中使用这些变量（process.env.REACT_APP_BASE_FRONTEND_URL、process.env.REACT_APP_BASE_BACKEND_URL），那么你必须创建一个 .env 文件，该文件将包含你的 react 应用程序的所有环境变量，因为提供这个的库名为dotenv的默认配置可以从 .env 文件中获取所有这些环境变量。

所以你必须从谷歌云中获取这些环境变量并将它们粘贴到 .env 文件中，然后问题应该得到解决。