How to fetch variables.env variables in Angular and assign it to environment.ts or environment.prod.ts

Question

I have build a docker which contains angular 4 application ,other services like superlogn,feedparser and database couchdb.

Presently in my root folder i have a varibales.env file where all the variables are declared and can be accessed in superlogin and feedparser services

But if we access the varaiables in angular application liks

dbusername=process.env.username

then the error we getting in angular production is process is undefined?

unable to access process.env in angular 4 application?

the Github link for the project is

https://github.com/janastu/iihs_couch_services/

Answer 1

Because Angular don't have access (and should not) to environment variables. This is very dangerous for your system.

If you want to expose your environments variables, which I don't recommend, you should create a Node application and make endpoints that return your environment variables.