如何将 Angular Universal 10 Prerender 部署到 Azure 应用服务？

Question

我有一个可以在本地运行的 Angular Universal 10 预渲染。

我通过运行输出它：

ng run project-name:prerender

我使用以下方法在本地运行它：

http-server dist/project-name/browser

我可以通过使用 VS Code 运行来部署它：

Deploy to Web App

我一直在尝试，但未能弄清楚如何打开我的 Azure 应用服务链接并在 Azure 上运行应用程序。我浏览了文档，并尝试了许多不同的 Web.Config。

我遇到了很多问题，例如重定向过多、节点已在给定服务器上运行、在 Azure 中时文件目录不正确。

谁能一步步指导我如何做到这一点？或者指向我的文章/教程？它是 Angular Universal Prerender 很重要，因为它是让 Node 和 App Service 一起工作以服务并直接指向 Angular 应用程序的方法。

如果有帮助，我可以提供代码示例。

Answer 1

您似乎在一个应用服务中同时拥有客户端和服务器端。这就是为什么当您访问客户端时它说节点已经在给定服务器上运行。您最好将一个项目部署到一个应用服务。

将预渲染页面放入您的客户端项目并部署到 Azure，您将能够访问它们。

这是我做的步骤：

1. 按照这个tutorial 生成一个Angular Universal 项目。它可以工作并将 29 页预渲染到 dist/prerender 文件夹中：
2. 修改输出设置，使预渲染页面存储在客户端：
3. 将 browser 项目发布到 Azure 应用服务。
4. 像这样访问页面：（这里我失去了我的页面样式，稍后会更新）