angular - 将 Angular 应用程序部署到 Azure Web 应用程序 - 但显示默认的 Azure 页面

Question

我在 Azure 中创建了一个 Web 应用程序来托管 Angular 应用程序。我选择的运行时如下:

但我的本地设置详细信息:

1. 节点版本:v13.0.1
2. Angular 版本:8.2.11

我使用 Anguler cli 创建应用程序，然后运行 ​​ng build --prod 来创建 dist。然后我尝试了以下方法将 Angular 应用程序部署到 Web 应用程序:1.在VS Code中使用Azure App Service扩展2. 使用 FileZilla 进行 FTP，并提供来自 Web 应用程序部署中心的 ftp 详细信息。

但是当我浏览网址时:https://eventzweb.azurewebsites.net/我看到以下页面，但没有看到 Angular 应用程序中的我的页面。

知道为什么会发生这种情况吗？为什么我看不到我的页面？

感谢您提前提供的帮助。

Answer 1

最简单的解决方案:

转到您的应用服务 > 配置

在“配置”下，选择选项卡 ->“常规设置”

在启动命令字段中，输入以下命令:

pm2 服务/home/site/wwwroot --no-daemon --spa

现在您的应用程序应该能够显示，而不是默认页面。

您的应用程序未运行的原因是它在 Linux 上运行，而 Linux 没有 IIS 服务器来处理您的节点应用程序的路由(它遵循这些原则)。

观看这个视频，这个人值得所有的功劳(如果这救了你，就喜欢他的视频):https://www.youtube.com/watch?v=HLhlKIIfaZs