Azure IIS 路由与 Angular2 --> 404答案

【问题标题】：Azure IIS routing with Angular2 --> 404Azure IIS 路由与 Angular2 --> 404
【发布时间】：2016-10-14 08:42:31
【问题描述】：

我们在 Azure 上有一个网站，使用 C# 编写的 REST 后端和 Angular2 编写的前端。

当我单击网页中的菜单或按钮时，会打开正确的页面，并且 URL 从 <mydomain>/ 更改为例如 <mydomain>/client/16 这很好用，如果我理解正确，Angular2 路由会处理这个问题。

但是当我在此页面<mydomain>/client/16 并按 F5 刷新浏览器时，我收到 404 错误：The resource you are looking for has been removed, had its name changed, or is temporarily unavailable. 同样，如果我理解正确，这将由 IIS 路由处理。

几天来我一直在阅读有关此的帖子并尝试了几个建议，主要是向 Web.config 添加重写规则，但到目前为止没有任何效果。

在本地我们没有这个问题，因为我们在 Visual Studio 中运行后端，在 NPM 中运行前端。这使得调试和解决变得非常困难。

我应该怎么做才能解决这个问题？

【问题讨论】：

/client/16 会由您的 Angular2 路由处理吗？如果有，怎么调用rest API？

标签： c# rest azure iis asp.net-web-api-routing

【解决方案1】：

在 IIS 论坛上，我被指向 How do I configure IIS for URL Rewriting an AngularJS application in HTML5 mode?

将此规则添加到我的 Web.config 解决了我的问题：

    <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" />
        <add input="{REQUEST_URI}" pattern="^/(api)" negate="true" />
      </conditions>
      <action type="Rewrite" url="/" />
    </rule>

我以为我以前尝试过这个，但显然不完全；）

【讨论】：