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

Question

我有一个 Angular 通用 10 预渲染，我可以在本地 运行。

我用运行ning输出：

ng run project-name:prerender

我运行它在本地使用：

http-server dist/project-name/browser

我可以使用 VS Code 将其部署到 运行:

Deploy to Web App

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

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

任何人都可以逐步指导我如何做到这一点吗？或者指向 article/tutorial？ Angular Universal Prerender 很重要，因为它是让节点和应用程序服务一起工作以服务并定向到 Angular 应用程序。

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

Answer 1

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

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

这是我执行的步骤：

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