【问题标题】:Host Angular Universal 9 on Azure App Service with .Net stack使用 .Net 堆栈在 Azure 应用服务上托管 Angular Universal 9
【发布时间】:2020-08-16 03:54:29
【问题描述】:

我有 Angular Universal 9 和标准 Angular 9。我必须使用堆栈托管在 Azure 应用服务上:.Net 4.7。 Angular Universal local 正如预期的那样,但是当我在 Azure Web 服务上部署它时不起作用。目前,使用 Angular 9 的应用程序正在运行,但我在使用 Angular Universal 9 部署应用程序时遇到问题。正常的 Angular 9 应用程序在同一个 Azure 应用程序服务上按预期工作。需要单独配置Node.js吗?

【问题讨论】:

  • 根据你的描述,我自己试过了。 Angular Universal 9 和标准 Angular 9 都在部署后正常运行。可能是你在部署的时候出了点小问题。演示代码块和运行截图我会在答案中展示,希望对你有所帮助。
  • 不知道我的回答对你有没有帮助,期待你的回复。
  • 有人有这个问题的解决方案吗?我面临同样的问题。任何帮助都非常感谢。

标签: angular azure azure-web-app-service universal


【解决方案1】:

在应用服务中,site\wwwroot 文件夹下,存储的内容应包含类似于 index.html 的可部署文件。

在标准的angular项目中,应该是dist\my-angular-app文件夹下的内容。在 Angular Universal 9 项目中,应该是 dist dist\ng-universalv9\browser 文件夹的内容。

下图是我的Angular Universal 9项目的目录结构以及与标准的angular dist文件夹的对比。

两个项目选择的堆栈都是 .net 4.7,它们工作正常。我使用FTP部署项目,具体wwwroot文件夹下的内容可以用kudu查看和管理。您可以查看通用 ng 项目的 wwwroot 文件夹的内容。以下是我的万能应用截图,希望对你有所帮助。

【讨论】:

  • 你能分享更多关于你的配置的细节吗?你有 web.config 文件吗?
  • 你能分享更多细节吗?
  • 我只是按照官方文档的步骤,创建演示样本。
  • 你能分享你的 web.confg 文件吗
  • Angular Universal 不使用 server/main.js 来提供文件,这需要 Node 来操作吗?您如何在 web.config 中执行此操作?
猜你喜欢
  • 1970-01-01
  • 2020-12-06
  • 1970-01-01
  • 1970-01-01
  • 2019-10-25
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-12-25
相关资源
最近更新 更多