I have an Angular 16 application that got deployed to an Azure App Service. The Web API it uses is also deployed in Azure, on a second App Service that is part of the same Resource Group.

The application runs with no issues in Visual Studio Code, on localhost:4200, even when using the Azure deployment for the Web API.

However, if I try to run the Azure deployment of the application, I encounter several issues:

1. Refreshing the page will display this error: “The resource you are looking for has been removed, had its name changed, or is temporarily unavailable.” This happens regardless of which page I refresh. The application has a navigation menu and clicking on any of the menu items in the navigation menu will route the application properly to the page requested, without showing the error message listed above;
2. The content of some pages is not displayed, even if I can see in the development tools that the Web API sitting behind my app is called successfully and all the data frm the backend is returned properly. This is not happening when the application is ran locally.

I have rebuilt my application several times and redone the deployment. Still the same issue.

In the past, for other applications, the “node_modules” folder would get deployed, along with the entire application, including the “dist” folder. I would have to go in the Azure Portal and correct the Physical Path in the Path Mappings.

For my current app, only the content of the “dist” folder has been deployed. I believe this is the desired behaviour, to prevent the huge size of data from being pushed to Azure, but makes me wonder if it could be the reason for the issues that I see.

Any suggestion would be highley appreciated.

Thanks,
Edi