CODEWITHSUNDEEP
angularazureazure-devopsangular-ui-routerazure-pipelines
Sopan Kurkute
Sopan Kurkute

Reputation: 128

How to set up Azure Pipeline for Angular App

I am struggling to get the Azure Pipeline working properly. I performed steps as shown in the following figure. As one can see all the steps and build are successful, the build was also able to transfer web.config file into dist/app/ directory on the azure server. Upon performing following steps when I tried to open the app page it took me to microsoft azure portal URL which was generated while creating the app resources on Azure. I am not able to grasp where am I going wrong here and why I can not see the Angular App Page?

Note: The app works perfectly on localhost

Azure steps App Deployment

Upvotes: 1

Views: 822

Answers (2)

Hugh Lin
Hugh Lin

Reputation: 19361

You can check whether the files are deployed to Azure web service through Azure kudu. Here is an example on how to deploy angular app to azure web app.

enter image description here

enter image description here

Upvotes: 1

Sajeetharan
Sajeetharan

Reputation: 222522

To troubleshoot,

Can you navigate to the Kudu console and see if the actual files have been deployed? I would recommend you to delete the hostingstart.html

Also you need to add a custom web.config to avoid the 404 errors.

I have step by step slides to deploy the app to Azure.

Upvotes: 1

Related Questions