How to run an Angular website in a Linux-based Azure app service

Question

I'm trying to run the out-of-the box Angular website on a Linux-based Azure app service. Although the base Angular website could be run as a static website, I do not plan for the future, customized site to be static, so an Azure web service seems more appropriate as a proof-of-concept. I can successfully build the solution and upload it to an Azure repo. I can deploy the solution to Azure, but when I try to run it, Azure responds with "404 Not Found." I've set the startup command to

pm2 serve /home/site/wwwroot --no-daemon --spa or
pm2 serve /home/site/wwwroot/dist --no-daemon

with no luck. I've adjusted the index.html file to be

<base href="/"> or
<base href=".">

Nothing is working. Do you have any suggestions?

Answer 1

@Darlene Fountaine , Since the Microsoft Q&A community has a policy that the question author cannot accept their own answer. They can only accept answers by others, Summarized and posted the solution that you shared, request you to Accept the answer, it will benefit the community find the answers quickly.

Scenario:

Setting up an Angular website on a Linux-based Azure app service.

Issue:

After successfully deploying an Angular website to an Azure app service, attempts to access the website result in a "404 Not Found" error.

Things tried:
The startup command has been configured using either ( did not work):

pm2 serve /home/site/wwwroot --no-daemon --spa
or pm2 serve /home/site/wwwroot/dist --no-daemon,

and the <base href="/">
or <base href="."> tag has been set in the HTML.

Solution shared by @Darlene Fountaine

Resolution:

This worked: pm2 serve /home/site/wwwroot/dist/<YourLocalAppName>/browser --no-daemon --spa

Answer 2

This command worked: pm2 serve /home/site/wwwroot/dist/<YourLocalAppName>/browser --no-daemon --spa.