Azure App service and Angular SSR application

Question

I have an angular app with Server side rendering. And also, this server.ts has some simple APIs in it. I am trying to deploy it in Azure app service(with AD integration) but with no success. What could it be still missing?

package.json

"scripts": {
"ng": "ng",
"start": "node dist/angular-app/server/main.js",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e",
"dev:ssr": "ng run angular-app:serve-ssr",
"serve:ssr": "node dist/angular-app/server/main.js",
"build:ssr": "ng build --prod && ng run angular-app:server:production",
"prerender": "ng run angular-app:prerender"
},

Error message when I access the Azure app service url:

Answer 1

This problem is generally caused by the lack of web.config.

For more details, you can check my answers in below posts.

1. Azure Web App getting “You do not have permission to view this directory or page.” when launch app

2. Node JS Deployment to Azure Web App Service ERROR - “You do not have permission to view this directory or page.”