Is there a way to dynamically choose web.config in Angular?

Question

I have three similar sites with little differences that are published from the same Angular project. Currently, there are three web.config files that are manually chosen for the relevant site when publishing.

I want to know if there is any technique that the process of selecting the web.config file can be dynamic when publishing. Or, maybe having different sections inside one web.config file and choose the section according to the site. Is there any way to achieve this?

Answer 1

The approach that I have used is to create an endpoint (ApiController) that will return the values on your web.config using the Configuration class (I will asume that we you are doing MVC or AspNetCore) and creating a model that match with web.config data. Then you will create an Angular Service that will request this endpoint as soon as your app loads, and my personal approach I always inject this data in the routes because it should not change.

Happy coding and stay safe!!