Angular azure app service error?

Question

Hi,

I have deployed angular on Azure App service via Azure DevOps.
After deployment it shows the below message:

You do not have permission to view this directory or page.

Please let me know what exactly is the error, is it from code side or Azure side.

Answer 1

Thanks for asking question! Just to confirm in your Application Settings if you have any of the files sited here in the /home/site/wwwroot folder?

If not, this could be a reason for this error. If so, recommend you go to your app service, under settings Click Configuration > Path mappings > You will see "Virtual applications and directories".

Your virtual path should be "/" and physical path should be "site/wwwroot/" Change your Physical path to "site/wwwroot/'appname'"

"appname" should be whatever the name of your application is. Or it should be whatever folder is inside of your "dist".

suggest to change your physical path to site/wwwroot/{AppName}/dist/{AppName}.

You may refer to this blog might be helpful.

Let us know if issue remains or further query.

Disclaimer: This response contains a reference to a third-party World Wide Web site. Microsoft is providing this information as a convenience to you.

Answer 2

Hi @SnehaAgrawal-MSFT

We tried the option of physical path with the "site/wwwroot/<app-name>" , but still getting the same error.
we are implementing the Server Side Rendering (SSR) to our angular builds and facing the issue.167653-ang-test-2.txt

yaml file also attached