Angular 7 次网络应用页面刷新 "The resource you are looking for has been removed, had its name changed, or is temporarily unavailable."

Question

我正在开发 angular 7 Web 应用程序，该应用程序托管在 Windows Server 2012 R2 的 IIS 中。 这是在 ASP.NET CORE 2.2 上。

当我使用域名导航应用程序时它工作正常，但如果刷新我访问的页面，然后它会给我“您正在寻找的资源已被删除，名称已更改, 或暂时不可用。"

如果我检查 chrome 中的开发人员工具，它会显示以下错误。请参考下图：

这个user-type-selection:1是路由路径和参数值。

我试图在 ClientApp[=35] 的 src 文件夹中添加 web.config =] 并将其作为 angular.json 中的资产。它在发布文件夹中添加了 web.config，但它给了我 500 内部服务器错误。

有人对此有任何想法吗？

Answer 1

此问题已通过 web.config 中的以下内容修复：

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
  <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=”/my-app/” /> -->
          <action type="Rewrite" url="/" />
        </rule>
      </rules>
    </rewrite>
  </system.webServer>
</configuration>

请在 IIS 中安装用户 URL Rewrite extension。

我之前尝试过上面的 web.config 但没有上面的扩展，因此它给了我 500 错误。

编码愉快。