如何在 React 中使用在 Google Cloud Run Dashboard 上声明的 ENV 变量

Question

我正在使用 Dockerfile 将 create-react-app 服务部署到 Google Cloud Run 上，但我不想在 .env 文件中声明 env 变量，而是在 Google Cloud Run 的仪表板上声明它们，如下所示：

但是，当我使用调用 env var 时

console.log("REDIRECT", process.env.REACT_APP_REDIRECT_URI)

null 为我尝试引用的任何环境变量返回。是否还有其他步骤可以访问我缺少的这些变量？

这是我的 Dockerfile：

FROM node:10-alpine as react-build
WORKDIR /app
COPY . ./
RUN yarn
RUN yarn build

FROM nginx:alpine
COPY nginx.conf /etc/nginx/conf.d/configfile.template
ENV PORT 8080 
ENV HOST 0.0.0.0
RUN sh -c "envsubst '\$PORT'  < /etc/nginx/conf.d/configfile.template >      /etc/nginx/conf.d/default.conf"
COPY --from=react-build /app/build /usr/share/nginx/html
EXPOSE 8080
CMD ["nginx", "-g", "daemon off;"]

Answer 1

您的容器仅提供静态文件（通过 NGINX），并且在 Cloud Run 端不执行任何处理。

实际上，您将静态文件公开给用户。用户获取文件并将其加载到浏览器中。用户浏览器执行Javascript，读取当前环境下的Env变量：用户浏览器。

因此，在此用例中未使用 Cloud Run 环境变量。您必须在 Cloud Run 上执行处理才能使用 Cloud Run 环境变量。