After deploy to azure, my app gets 404

2
votes

I can run this locally just fine and while using angular, it is just localhost:3000/#/. Logging in via FTP to my azure site after deploy, the folder structure is like:

enter image description here

2
htmlazureazure-web-app-service
are you sure the index.html is not supposed to be at the /site/wwwroot/ level (instead of inside the src folder)? – blurfus
and what happens if you go to http://<your-ip>:<port>/src/#/ ? – blurfus

2 Answers

1
votes

It looks like that your angularjs application including index.html is in the src folder in your entire project folder, under the path site/wwwroot/ on Azure Web Apps. If so, it is a location issue.

As the root directory on Azure Web Apps is D:\home\site\wwwroot, when you browse your site on Azure, it will find the entrance page or the iis configuration file in the root directory. And there is no such file in your application, which raises the issue.

You can simply set the Virtual applications and directories in the Application Settings on Azure portal(https://ms.portal.azure.com). Set \ to site\wwwroot\src, save and restart your Web App. enter image description here

Any further concern, please feel free to let me know.

1
votes

The files/folders in your src folder need to be in the wwwroot folder. Doing say could mess up the references to any files under node_modules, so, depending on your IDE/tooling, you should probably publish the site to a local folder, which should pull in any necessary files and then upload the published folder structure.