title: Deployed angular app to Azure web app - But showing the default Azure page
body: <p>I created a Web App in Azure to host an angular application. 
  I selected the runtime as bellow:</p>
  
  <p><a href="https://i.stack.imgur.com/3GxxQ.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/3GxxQ.jpg" alt="enter image description here"></a></p>
  
  <p>But my local setup details:</p>
  
  <ol>
  <li>Node version: v13.0.1 </li>
  <li>Angular version: 8.2.11</li>
  </ol>
  
  <p>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. </p>
  
  <p>But when I brows the url: <a href="https://eventzweb.azurewebsites.net/" rel="noreferrer">https://eventzweb.azurewebsites.net/</a>
  I see the following page but not my page from the angular app. </p>
  
  <p><a href="https://i.stack.imgur.com/A8Ddc.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/A8Ddc.jpg" alt="enter image description here"></a></p>
  
  <p>Any idea why this is happening? Why I'm not seeing my page?</p>
  
  <p>Thank you for your help in advanced.  </p>