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

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/

How to access window variable in Javascript object?