Angular 和 IIS WebApplication(或虚拟目录)

Question

我们有一个带有 IIS 网站和下面的 IIS Web 应用程序的网络服务器。 Web 应用程序的根是: http://website/webapplication/ 。部署后，我在浏览器中收到以下错误:

http://website/app/app.component.html 404 (Not Found)

app/app.component.html 404 (Not Found)

我的组件:

@Component({
    selector: "app",
    templateUrl: "./app/app.component.html"
})

文件app.component.html确实不存在于/app/app.component.html下，但它确实存在于:/webapplication/app/app.component.html .

因此，我的结论是 Angular 仅在网站的根目录下才有效。在 html header 中，我将标记设置为:<base href="/webapplication/"> ，但这没有帮助。

这似乎是一个正常的设置，我不敢相信 Angular 中的模板解析失败了，我一定是遗漏了一些东西......有人知道这个的解决方案吗？

Answer 1

我无法使用网络上关于解决此问题的大部分建议，我不知道为什么。我玩弄了 settings util 我让它工作了。这是我使用的:

• IIS 10.0
• Angular 6.1.0 项目
• 虚拟目录转换为应用
• 应用程序池:无托管代码

网络配置:

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
  <system.webServer>
    <directoryBrowse enabled="true" />
    <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="/myapp/index.html" />
      </rule>
    </rules>
    </rewrite>
  </system.webServer>
</configuration>

我的根 index.html 文件:

<base href="./">   <---- make sure you have the dot in there!