When deploying Angular App to Azure (using 'Deploy to Azure' extension) environment.ts settings are replaced

[HeavyDevy]

When deploying an Angular App to Azure (using the 'Deploy to Azure' extension), a setting ('domainApi', in the below environments file) is not being used whenever its accessed in the app.

export const environment = { production: true, domainApi: 'https://myapi.azurewebsites.net' };

It's being replaced with the url of the app im deploying to Azure (i.e. mysite.azurewebsites.net), so im getting a 404 as the apis are on myapi.azurewebsites.net, not mysite.azurewebsites.net. No where in my code do i do this

Could anyone please suggest how I get the Angular app to retrieve the correct setting from the environment.ts file?

Note, the settings in all the enviroments are the same so its not being overwritten by another environments file.

Thanks in advance.

[github-actions]

This issue is stale because it has been open for 7 days with no activity.