asp.net mvc-hosting-Winkel-app mit html5mode und routing

Okay, also ich bin hosting eine angularjs innen asp.net mvc 5 und sind mit der html5mode(true) in meinem angular-app, um loszuwerden, alle hash-Zeichen in der url.
Funktioniert alles Super, aber mit meinem aktuellen setup sieht wie folgt aus:

RouteConfig.cs:

        routes.MapRoute(
            name: "Default",
            url: "app/{angular}",
            defaults: new { controller = "Ng", action = "Index", angular= UrlParameter.Optional }
        );

So, dass, wenn ich navigieren Sie zu http://url/app/myangularroute meine Ng/Index Aktion liefert die view enthält die ng-view-container und die Winkel-app ist nun aktiv und arbeiten mit der route zur Verfügung gestellt

Nun, mein problem hier ist, wenn ich navigieren Sie zu http://url/app/ es gibt eine dir listning nicht erlaubt Fehler, die ich nicht verstehen kann. Sollte nicht meine index-Aktion zurückgegeben werden, wie der Winkel-parameter optional?

Und kann ich irgendwie verhindern, dass die "app" komplett und bekommen immer noch meine kantigen app zu arbeiten? Ich habe versucht, einige rewrite-Regeln, aber das gibt mir eine Menge von Fehlern, da bin ich die Nutzung des mvc-Bündelung und Verkleinerung Funktionalität.

Könnte ich Leben, mit dem url format es derzeit ist, aber ohne Angabe der optionalen parameter, wie http://url/app/

Auch, es ist nur ein Winkel-app, keine anderen mvc-Ansicht als der index.cshtml-wrapper.

Dieser Kerl scheint es zu funktionieren, aber ich kann nicht sehen, seine mvc-Routen

Welche version von IIS verwenden Sie? Ist es IIS 6?
Ich bin mir nicht sicher, ich bin die Bereitstellung in windows azure, ich glaube nicht, dass Sie solch alte version...ich nehme an IIS 8. Sie denken, dies könnte ein IIS-Problem?
Yupp, es ist version 8

InformationsquelleAutor Josef | 2014-09-08

16

Versuchen Sie, dies in Ihrer web.config sytem.webserver Einstellungen.
```
<system.webServer>
    <modules runAllManagedModulesForAllRequests="true"/>
<system.webServer>
```
BEARBEITEN:

Versuchen Sie Ihr RouteConfig.cs, wie diese:
```
    routes.MapRoute(
        name: "Default",
        url: "app/{*.}",
        defaults: new { controller = "Ng", action = "Index" }
    );
```
EDIT2:

Hatte ich völlig forgoten über diese Frage, aber jetzt habe ich gerade festgestellt, dass vielleicht das problem ist, dass Sie noch nicht konfigurierten IIS-Server arbeiten mit Html5Mode, haben Sie einen Blick auf diese: https://github.com/angular-ui/ui-router/wiki/Frequently-Asked-Questions#how-to-configure-your-server-to-work-with-html5mode

Concretelly dieser Artikel:

Azure-IIS Schreibt:
```
<system.webServer>
  <rewrite>
    <rules> 
      <rule name="Main Rule" 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="/" />
      </rule>
    </rules>
  </rewrite>
</system.webServer>
```
Ich hoffe, dass dies hilft.
- Das hat nicht funktioniert :/ Danke
- Tut mir Leid, das zu hören. Ich habe bearbeitet meine Antwort, bitte haben Sie einen Blick auf neue Anregung und lassen Sie mich wissen, wenn es funktioniert, vielen Dank!
- Ich habe versucht, die früheren, leider kein Erfolg. Versucht es mal mit der rullAllManagedModules eingeschaltet, immer noch kein Erfolg. Ich habe senden Sie eine E-mail an den Kerl geschrieben die ähnliche Frage zu Fragen, für seine routing...ich habe versucht, eine Menge Dinge, und nichts funktioniert. Es ist nichts seltsames mit meiner Index action, und ich haben ähnliche setups in anderen non-angular-apps und es funktioniert Super...
- Ich könnte erwähnen, dass ich mein layout in den Ng-Ordner und in meinem layout habe ich den base href auf <base href="/app/" />...weiß nicht, ob das das problem verursacht
- Könnten Sie versuchen, die Veröffentlichung dieser in Ihrem lokalen IIS-server? Nur um sicher zu gehen, dass es nicht ein problem mit der Azure-Konfiguration.
- Ich habe versucht das so gut, die gleichen Fehler durch visual studio und IIS express. Wenn ich einen anderen controller und ein default-route, auf der man arbeitet. /Init nimmt mich auf /Init/Index
- auch /Ng/Statische Aktion funktioniert und bringt mich zu den statischen.cshtml-Ansicht (außen eckig).
- Ich hatte völlig aufgegeben, aber ich versehentlich stieß auf etwas, das könnte die Lösung für dieses problem. Ich hoffe, dass dieses mal funktionieren wird. Allerdings, wenn es nicht und Sie werden schließlich herauszufinden, was das Problem war, bitte teilen Sie es, denn ich bin sehr neugierig. Danke!
- Danke ich werde versuchen Ihren ersten Edit. Das zweite nicht helfen in meinem Fall. Es gibt keine Notwendigkeit schreibt. Meine app funktioniert mit dem html5-Modus. Ich kann navigieren und aktualisieren Sie die Seite, und die route wird immer noch aktiv sein. Ich werde die Lösung, wenn ich, um es zu arbeiten 🙂 vielen Dank für Ihre Hilfe!
- Es hat etwas zu tun mit der <base href="/app/" /> - tag in meine layout-Datei...wenn ich das ändern oder entfernen Sie die "Index" Aktion geladen, aber keine Winkel-Routen arbeiten...wenn ich den tag der Routen und alles, was ich arbeiten, aber nur beim navigieren zu /app/angular-route...
- Ich denke, dass ich brauchen, um die Winkel-Ansicht, die als parameter in meine rewrite-Regel...
InformationsquelleAutor Josep

Dies ist meine Lösung. Ich bin mit ASP.NET MVC + Web-API.
ASP.NET MVC immer wieder die gleichen HTML-Seite für jede URL, so AngularJS übernehmen kann, die in $locationProvider.html5Mode(true);

RouteConfig.cs

  routes.MapRoute(
      name: "Default",
      url: "{*anything}",
      defaults: new
      {
        controller = "Home",
        action = "Index",
      }
  );

WebApiConfig.cs

  config.Routes.MapHttpRoute(
          name: "DefaultApi",
          routeTemplate: "api/{controller}/{action}/{id}/{id1}",
          defaults: new
          {
            action = RouteParameter.Optional,
            id = RouteParameter.Optional,
            id1 = RouteParameter.Optional,
          }
      );

HomeController.cs

public ActionResult Index()
{
    return File("~/index.html", "text/html");
}

Sie dienen alle statischen Dateien neben index.html?

InformationsquelleAutor Toolkit

2

Okay, ich habe es zu arbeiten.

Dadurch:
1. Entfernen Sie die "app" route vollständig, und verwenden Sie die standard-route.
2. Fügen Sie die rewrite-Regel
3. Entfernen der base-href-layout
Ohh wow, ich schaltete die Bündelung und Verkleinerung, das war eigentlich das, was es am Ende funktionieren. Wenn ich ihn einschalte bekomme ich ein Winkelfehler.

Ich dachte ehrlich, ich habe versucht, diese wie 10 mal ohne Erfolg. Es begann zu zeigen Anzeichen von zu arbeiten, wenn ich entfernt die base href.
- S**t happens! Froh, zu wissen, dass es jetzt funktioniert 😉
- Vielen Dank für Ihr engagement!
- Josep, es stellte sich heraus, dass die Verkleinerung und die Bündelung von service asp.net verursacht einen Fehler.
- Hinzufügen der rewrite-Regel, das entfernen der base-href (wie erwähnt in dieser Antwort) und darunter die Datei-Erweiterung für die templateUrl in den Staaten Konfiguration für mich gearbeitet.
InformationsquelleAutor Josef

Alte Frage, aber immer noch gültig, dies ist meine Lösung :

<rewrite>
  <rules>
    <rule name="Main Rule" stopProcessing="true">
      <match url=".*"/>
      <conditions logicalGrouping="MatchAll">
        <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true"/>
        <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
        <!--for local dev enviroment-->
        <add input="{REQUEST_URI}" pattern="^/(__browserLink)" negate="true" />
        <!--if the url does not match a valid file we don't want it to be redirected to the index page-->
        <add input="{REQUEST_URI}" pattern="\.(png|jpg|gif|css|js|html)$" negate="true" />
        <!--web api route-->
        <add input="{REQUEST_URI}" pattern="^/api/" negate="true" />
        <!--ASP.NET Web API Help Page-->
        <add input="{REQUEST_URI}" pattern="^/Help" negate="true" />
        <!--Swagger-->
        <add input="{REQUEST_URI}" pattern="^/apimap" negate="true" />
      </conditions>
      <action type="Rewrite" url="/" />
    </rule>
  </rules>
</rewrite>

InformationsquelleAutor Exlord

Mit meinem ASP.NET 5 RC-Website - hat WebAPI aber nicht MVC - die Lösung war, eine Standard-rewrite-Regel in wwwroot\web.config ' s system.webserver tag:

<rewrite>
  <rules>
    <clear />
    <rule name="API" stopProcessing="true">
      <match url="^(api)(.*)$" />
      <action type="None" />
    </rule>
    <rule name="Main Rule" 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="/" />
    </rule>
  </rules>
</rewrite>

InformationsquelleAutor Thomas Hagström

0

Ich bin vor dem gleichen problem, ich habe die base-href im layout.cshtml ,legen Sie die webconfig-rewrite-Regel, beim laden der app Im bundle config habe ich eingestellt das alle Skripte und css, wenn die app startet ,nicht geladen werden . unerwartete syntax-Fehler < angezeigt in der Konsole.

wenn ich die Regel entfernen und base-href-und location-Anbieter ist falsch , es funktioniert Prima .

Angular Js Seltsames Problem Ui-Router Html5mode aktiviert page refresh Problem in mvc-500-Fehler

InformationsquelleAutor Mohamed Sahir

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.