javascript - Azure 中托管的 Angular 路由的后备页面将不起作用

Question

我已在 Azure 中配置了我的 IIS 服务器，根据 the Angular docs 将后备页面定义为 index.html和以下 the suggestion on SO 。部署是根据this blog about Angular in Azure进行的。文档中指出，除非绝对需要，否则最好不要使用哈希策略。因此，我确保在 index.html 中有 并添加 web.config，如下所示。

<system.webServer>
  <rewrite>
    <rules>
      <rule name="Angular Routes" 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="/index.html" />
      </rule>
    </rules>
  </rewrite>
</system.webServer>

遗憾的是，虽然本地服务按预期工作，但上传的版本不会产生以下错误。

The page cannot be displayed because an internal server error has occurred.

尽管我在上一个问题上收到了一些提示(这导致我意识到我需要配置后备页面)，但我不确定如何更深入地对其进行故障排除。

Answer 1

因为您的应用程序可以在本地运行，但部署到 azure web 应用程序后无法运行。对于这种情况，你最好enable diagnostics logging for web apps in Azure App Service检索详细的错误以缩小此问题的范围。您还可以使用详细的错误更新您的问题，以便我们解决此问题。