[Fixed] Deployed angular app to Azure web app – But showing the default Azure page

Issue

I created a Web App in Azure to host an angular application.
I selected the runtime as bellow:

But my local setup details:

1. Node version: v13.0.1
2. Angular version: 8.2.11

I used Anguler cli to create the application and then I ran ng build –prod to create the dist.
Then I tried following methods to deploy the Angular app to Web app:
1. Used Azure App Service extension in VS Code
2. FTP using FileZilla with the ftp details from the Web app’s deployment center.

But when I brows the url: https://eventzweb.azurewebsites.net/
I see the following page but not my page from the angular app.

Any idea why this is happening? Why I’m not seeing my page?

Thank you for your help in advanced.

Solution

I resolved this by:

1. Creating a Web App by selecting the Runtime stack as ASP.NET V4.7 and selecting the OS as Windows.
2. Deploy the angular app using Azure DevOps.

The steps are in this blog post: http://dot-net-box.blogspot.com/2020/01/deploy-angular-8-app-to-azure-with.html