浏览部署在Azure中的Angular 8应用时出现错误。

Question

请告诉我为什么我在浏览angular app(第8版)时看到下面的错误，我的默认app在localhost:4200上运行，但是当我试着在azure上浏览时却出现了错误，我在visual code中使用了azure app服务扩展，并通过它进行部署，我在部署时没有看到任何错误，我读到有人提到在config中添加端口可以解决这个问题，但是没有，请告诉我我遗漏了什么。

配置文件中的端口号

在 azure 日志流中出错

Answer 1

Azure应用服务只支持80443端口。你可以做 app.listen(process.env.PORT); 在你的代码中。我在托管node应用时也遇到了类似的问题。请看 此处.

Answer 2

在部署之前，先建立Web应用程序，然后再使用 ng build* 命令。该命令将创建 dist/project-sample 目录，其中包含您的应用程序的转码、最小化、准备部署的版本。

部署到 Azure Web 应用程序的方法很简单，只需在 Azure 应用程序服务扩展中右键单击 Web 应用程序并选择 "部署到 Web 应用程序 "选项即可。该扩展将就要部署的内容提出建议，但使用 "浏览 "选项以 挑选 dist/project-sample 资料夹.

另外，Azure Web App 上默认的 Node 版本并不是你想要使用的版本。幸运的是，Node 的版本可以通过使用 WEBSITE_NODE_DEFAULT_VERSION 有价值 10.16.0.环境变量。导航到 Azure Web App 的应用程序设置页面的应用程序设置部分。

有关详细信息，您可以参考以下内容 文章. 另外，检查你的web.config，用这个 SO线.