Как прочитать переменные окружения в реагирующем приложении, переданном через файл docker -compose.yaml во время выполнения?

Question

Я не могу прочитать переменные среды, объявленные в docker -compose.yml, в моем приложении реакции. Приложение создано с использованием create-реакции-приложения

# 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, не считываются в конфигурации. 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 объекте?