Set-up multiple environments in angular

See more:

Angular8

Hello All,


I have followed this link for developing the Set-up Multiple Environments in Angular:

https://dev.to/mikgross/set-up-multiple-environments-in-angular-376c




I ran the ng serve --c=qa

** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **


If i will browse the http://localhost:4201 getting error. If I will browse the 4200 its working but my QA is pointing to 4201 .


My question is for QA http://localhost:4201 need load right??If any thing went wrong plz correct me.

Thanks.

What I have tried:

I am pointing to my local host for testing purpose:


environment.qa.ts:


export const environment = {
production: true,
environmentName: 'QA',
apiUrl: 'QA url',
serverUrl:"https://localhost:4201"
};


export const environment = {
production: true,
environmentName: 'Production',
apiUrl: 'production url',
serverUrl:"https://localhost:4204"
};


export const environment = {
production: true,
environmentName: 'Staging',
apiUrl: 'Staging url',
serverUrl:"https://localhost:4203"
};


export const environment = {
production: false,
environmentName: 'Development',
apiUrl: 'development url',
serverUrl:"https://localhost:4200"
};