Использование переменных окружения из docker-compose.yml в приложении Angular

Question

У меня есть enviroment.prod.ts файл в моем приложении Angular

export const environment = {
  backendUrl: '127.0.0.1:3000',
};

И это часть docker-compose.prod.yml :

....
environment:
      - ENV_BACKEND_URI=127.0.0.1:3000
....

Как установить backendUrl с помощью ENV_BACKEND_URI из docker-compose.prod.yml ? Я хочу что-то подобное:

export const environment = {
      backendUrl: '${ENV_BACKEND_URI}',
    };

Это возможно?

Answer 1

Ну, откуда должен поступать контент вашей системной среды?

Ваше угловое приложение доставляется пользователю через любой веб-сервер, нет процесса node.js или чего-то еще, что могло бы предложить вам переменную среды сервера.

Рассматривайте environment.ts в angular как однонаправленную коллекцию флагов времени сборки.

Единственный способ изменить ситуацию после отправки приложения - это вызовы API.

Так что настройте безопасный способ, возможно, запросить GET / api / config, возможно, с односторонним токеном запуска или любым другим, который может быть безопасным.