如何在运行时读取通过 docker-compose.yaml 文件传递​​的反应应用程序中的环境变量？

Question

我无法在我的 react 应用程序中读取 docker-compose.yml 中声明的环境变量。 该应用程序是使用 create-react-app 创建的

# docker-compose.yml

 ```
 image: sample-app
 container_name: sample-app
 restart: always
 ports:
   - "80:80"
 environment:
   REACT_APP_FIREBASE_API_KEY: "dsdsdsdsdHUXfYg5_QpQ"
   REACT_APP_FIREBASE_PROJECT_ID: "simple_project"
   REACT_APP_FIREBASE_MESSAGING_SENDER_ID: "22762762"
   REACT_APP_PRISMA_EXPRESS_URL: "http://trial.com:4000"
   REACT_APP_PYTHON_DEVELOPMENT_URL: "http://trial:4200"

 ```

以下是我的反应应用程序中的 config.js 文件。 在这里，我尝试读取通过 docker-compose.yml 传递的环境变量。 通过 docker-compose 传递的实际值不会在 config.js 中读取

 # config.js

 ```
   export const stored_values={
    //firebase configuration
    apiKey: process.env.REACT_APP_FIREBASE_API_KEY,
    projectId: process.env.REACT_APP_FIREBASE_PROJECT_ID,
    messagingSenderId: process.env.REACT_APP_FIREBASE_MESSAGING_SENDER_ID,
    backendURL: process.env.REACT_APP_PRISMA_EXPRESS_URL
   }

 ```

我在这里做错了什么？

Answer 1

我在这些文章的帮助下实现了它

https://www.freecodecamp.org/news/how-to-implement-runtime-environment-variables-with-create-react-app-docker-and-nginx-7f9d42a91d70/

如何访问 Javascript 对象中的窗口变量？