Azure 中托管的 Angular 中路由的回退页面将不起作用

Question

我已经在 Azure 中配置了我的 IIS 服务器，将回退页面定义为索引.html根据 Angular 文档并遵循 SO 的建议。部署基于这篇关于 Azure 中的 Angular 的博客执行的。文档中说，除非绝对需要，否则不应使用哈希策略。所以我确保在索引中.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>

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

无法显示该页面，因为发生了内部服务器错误。

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

Answer 1

因为你的应用可以在本地端工作，但在部署到 Azure Web 应用后无法正常工作。对于这种情况，最好在 Azure 应用服务中为 Web 应用启用诊断日志记录，以检索详细错误以缩小此问题的范围。您还可以使用详细错误更新您的问题，以便我们解决此问题。