CODEWITHSUNDEEP
angularazureazure-devopsazure-web-app-service
Ashu_FalcoN
Ashu_FalcoN

Reputation: 926

Deployed Angular dist/ on Azure Web App showing me default screen

I have setup CI-CD on Azure DevOps using classical editor .I did managed to Build angular by Build Pipeline and Using Release pipelines I have pushed the Angular /dist folder to the web app.

The contents are in the following :

/home/site/wwwroot/my-angular-app/

But whenever I open url for the web-app I only could see default web-page of azure web app. I have deployed on Web App (Linux) and I have choose Node as runtime task.

As I'm new to Azure Is there anything else needs to done ?

Thanks in advance.

Upvotes: 1

Views: 1928

Answers (1)

Leo Liu
Leo Liu

Reputation: 76760

Deployed Angular dist/ on Azure Web App showing me default screen

There are two things you need to do to make the Angular Web App page show when access to https://{appservice_name}.azurewebsites.net.

  1. When deploy the Angular /dist folder to azure web app, please don’t include the my-angular-app folder. Just let the content of dist folder under the path /home/site/wwwroot
  2. Add npx serve -s as Startup Command for your App Service > General settings:

enter image description here

Hope this helps.

Upvotes: 4

Related Questions