重写angular和ASP.NET MVC的规则

Question

我正在关注本文（有关使用URL重写的底部）。 我的IIS Express（从VS启动）的配置文件似乎位于C：\\ Users [此处的用户名] \\ documents \\ IISexpress \\ applicationhost.config。

我将重写规则放在<system.webServer>标记内，就像该文章（以及我读过的许多其他文章）所说的那样。 所以看起来像：

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

... all the other crap that was already there
</system.webServer>

在我的VS项目中，我的根目录下有index.htm，在Views文件夹下有测试视图。 这是index.htm，当我单击链接就可以了。

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-route.js"></script>
<head>
    <base href="/">
    <title></title>
    <meta charset="utf-8" />
</head>
<body ng-app="myApp">
    <p><a href="/">Main</a></p>

    <a href="red">Red</a>
    <a href="green">Green</a>
    <a href="blue">Blue</a>

    <!-- below is where the partial pages will replace -->
    <div ng-view></div>

    <script>
    var app = angular.module("myApp", ["ngRoute"]);

    app.config(function($routeProvider, $locationProvider) {
        $routeProvider
        .when("/red", {
            templateUrl: "Views/red.htm",
            controller: "redController"
        })
        .when("/green", {
            templateUrl: "Views/green.htm",
            controller: "greenController"
        })
        .when("/blue", {
            templateUrl: "Views/blue.htm",
            controller: "blueController"
        });

        $locationProvider.html5Mode(true);
    });

    app.controller("redController", function($scope){
        //alert("Red");
    });

    app.controller("blueController", function ($scope) {
        //alert("Blue");
    });

    app.controller("greenController", function ($scope) {
        //alert("Green");
    });
    </script>
</body>
</html>

当我尝试输入这些页面方向之一时，就会出现问题：即。 http：// localhost：60553 / red

我得到一个404。这告诉我，重写规则没有被执行，而是在起作用。 即使使用该重写规则，为什么也得到404？

Answer 1

我猜这是因为您的Views文件夹有一个web.config ，它明确阻止了对其的请求。 出于安全原因，默认情况下将其放置在MVC项目中。

请在Views/Web.Config注意以下代码

  <system.webServer>
    <handlers>
      <remove name="BlockViewHandler"/>
      <add name="BlockViewHandler" path="*" verb="*" preCondition="integratedMode" type="System.Web.HttpNotFoundHandler" />
    </handlers>
  </system.webServer>

如果您对此进行注释，则您的代码应该可以工作。

但是，我建议将您的角度视图移到另一个文件夹中，这不是MVC的实际保留文件夹。 更改为ngView代码，此代码将起作用。 这样一来，它会变得更加干净和清晰，而且您不会冒把窥探者代码暴露给窥探用户的风险。

更新根据评论，以上不是问题。 问题是未从提到的文件中使用重写规则。 如果可能的话，将它们移至web.config-这将避免设置全局规则，无论如何将其应用于所有iis Express应用程序。

重写angular和ASP.NET MVC的规则

问题描述

1 个解决方案

解决方案1
1 已采纳 2016-10-18 18:57:34

重写angular和ASP.NET MVC的规则

问题描述

1 个解决方案

解决方案1 1 已采纳 2016-10-18 18:57:34

解决方案1
1 已采纳 2016-10-18 18:57:34