在 Azure 上部署 Angular 应用程序时“/”应用程序出现服务器错误

Question

我是 Azure 的新手。我正在尝试简单的 Azure 云部署。我有这个基本演示 Angular 应用程序，它可以在本地环境中完美运行。我完成了所有 Azure 设置并成功部署。但是当我浏览该网站时，它给出了服务器错误。请输入任何信息。谢谢

Answer 1

您需要添加 web.config 告诉 Azure 您正在使用 Node 应用程序并且需要启动它。

<configuration>
    <system.webServer>
      <rewrite>
        <rules>
          <rule name="Angular" stopProcessing="true">
            <match url=".*" />
            <conditions logicalGrouping="MatchAll">
              <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
              <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
            </conditions>
            <action type="Rewrite" url="/" />
          </rule>
        </rules>
      </rewrite>
    </system.webServer>
</configuration>

Answer 2

如果您在应用服务中部署代码，请检查其默认文档。
它在 Appservice 的 设置 -> 配置 -> 默认文档.
中可用 index.html如文档列表中没有，请添加。

截图供参考：

在 Azure 上部署 Angular 应用程序时“/”应用程序出现服务器错误

Server Error in '/' Application while deploying a Angular App on Azure

cloud

azure

visual-studio-code

angular