Angular 5 : Deploy app to IIS under nested folder

Question

我正在使用 Angular 5.2 并部署在我的 localhost IIS 服务器 中，它工作正常。

我的本​​地主机 URL 如下所示:- http://localhost/DEV

DEV 是我本地 IIS 服务器中的虚拟目录。使用上述 URL 一切正常。

现在我想在 DEV 中添加另一个嵌套的 VD 作为 childApp。我希望我的应用程序作为 http://localhost/DEV/childApp 运行 。

所以我将 index.html 内容更改为具有这样的基本 href :-

<base href="/DEV/childApp/">

并且还将 URL 重写规则的 web.config 文件更新为:-

来自

<action type="Rewrite" url="./index.html" />

到

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

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="/DEV/childApp/" />
        </rule>
      </rules>
    </rewrite>
  </system.webServer>
</configuration>

但它向我抛出错误:-

HTTP 错误 500.52 - URL 重写模块错误。无法添加唯一键属性“名称”设置为“Angular 路由”的“规则”类型的重复集合条目

请建议如何为 URL 重写或其他地方修复 web.config。

Answer 1

添加<clear />到 web.config 是解决方案。

<configuration>
  <system.webServer>
    <rewrite>
      <rules>
       <clear /> <!--Imperative Step, otherwise IIS will throw err-->
        <rule name="Angular Routes" stopProcessing="true">
          <match url=".*" />
          ............
          ..........