angular - 在 Angular 4 中刷新页面时出现 404 错误

Question

我们已经使用“ng build --prod”cli 命令部署了 Angular 4 应用程序并创建了托管在 IIS 8.5 上的“dist”文件夹，当我们运行该应用程序时它工作正常但是如果按下 F5 键然后出现 404 错误。

注意:请不要建议使用 (useHash:true) 如果建议我们如何从 url 中删除“#”。

如果有人可以向我们提出建议，我们将不胜感激。

Answer 1

您可以像下面这样更改您的 web.config 文件

<configuration>
    <system.webServer>
         <rewrite>
            <rules>
              <rule name="AngularJS 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="/" />
              </rule>
            </rules>
          </rewrite>
          <caching enabled="true" enableKernelCache="true">
              <profiles>
                  <add extension=".js" policy="DisableCache" kernelCachePolicy="DisableCache" />
              </profiles>
          </caching>
    </system.webServer>
</configuration>

让我解释一下这个配置

<match url=".*" />

这匹配所有即将到来的 url，而不是使用操作在您的基本路径中重定向

<action type="Rewrite" url="/" />

如果您已将项目设置在子文件夹中而不是更改您的url="/subfolder/"。