angular - 在 Azure Web App 上部署 Angular dist/，显示默认屏幕

Question

我已经使用经典编辑器在 Azure DevOps 上设置了 CI-CD。我确实通过构建管道成功构建了 Angular，并使用发布管道将 Angular/dist 文件夹推送到了 Web 应用程序。

内容如下:

/home/site/wwwroot/my-angular-app/

但是每当我打开网络应用程序的网址时，我只能看到 azure 网络应用程序的默认网页。我已经部署在 Web App (Linux) 上，并且选择 Node 作为运行时任务。

由于我是 Azure 新手，还需要做什么吗？

提前致谢。

Answer 1

Deployed Angular dist/ on Azure Web App showing me default screen

要使 Angular Web App 页面在访问 https://{appservice_name}.azurewebsites.net 时显示，您需要执行两件事。

1. 将 Angular/dist 文件夹部署到 azure Web 应用程序时，请不要包括 my-angular-app 文件夹。只需让 dist 的内容路径 /home/site/wwwroot
下的文件夹
2. 添加 npxserve -s 作为应用服务的启动命令 > 常规设置:

希望这有帮助。