＃を削除しています。 from Angels.js ASP.Net Web APIのURL

Question

私は＃を削除しようとしています！私の角張ったサイトで、html5への移行。私は他のガイドを見てきましたが、私はそれらをlocationProviderで実装し、インデックスファイル内に置いています。あなたがリンクにng-hrefを通すとサイトはうまく動作しますが、リフレッシュを押すと/ urlを直接入力すると404エラーが発生します。私はこれがサーバー側と関係していることを読んでいました。それは、.otherwise（）がhashbang関数であるため、404がヒットしたときにどこにルーティングするかを知らないということです。

私はWebApiの設定を見て、次のように404を打つとデフォルトのrouteTemplateを指定していたことがわかりました。

// Web API routes 
     config.MapHttpAttributeRoutes(); 

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

     var jsonFormatter = config.Formatters.OfType<JsonMediaTypeFormatter>().First(); 
     jsonFormatter.SerializerSettings.ContractResolver = new CamelCasePropertyNamesContractResolver(); 

すべてのヘルプは

Answer 1

を削除するには、プロジェクトに設定を追加します。ブラウザをリフレッシュすると、AngularJSルーティングが開始されず、代わりにブラウザがサーバーにリクエストを発行します。サーバーは目的の場所に何も見つからないので、404を返します。

質問に投稿した現在のサーバー側のルートは、Web APIへのリクエストを処理するだけです。

web apiルートに加えて、開始ページを配信するmvcルートを追加する必要があります。すでにMVCのルーティングを持っていない場合

あなたのスタートページがindex.htmlにあると仮定すると、App_StartでクラスRouteConfig、例えば（場所に、サーバ側のルート設定

//MVC 
RouteTable.Routes.Ignore("api/{*url}"); // ignore api routes for mvc 
RouteTable.Routes.MapPageRoute("NonAPIRoute", "{*url}", "~/index.html"); 

に次のルーティングを追加フォルダ）の場合、RouteConfigクラスは次のようになります。

using System.Web.Mvc; 
using System.Web.Routing; 

namespace WebApplication1 
{ 
    public class RouteConfig 
    { 
     public static void RegisterRoutes(RouteCollection routes) 
     { 
      routes.IgnoreRoute("{resource}.axd/{*pathInfo}"); 
      routes.IgnoreRoute("api/{*pathInfo}"); // ignore api routes 
      routes.MapPageRoute("NonAPIRoute", "{*url}", "~/index.html"); 
     } 
    } 
} 

Answer 2

をいただければ幸いあなたは正しく述べたように、問題はサーバ側にあるHTML5モードを有効にして、接頭辞

.config(['$locationProvider', function($locationProvider) { 
    $locationProvider.hashPrefix(''); // by default '!' 
    $locationProvider.html5Mode({ 
     enabled: true 
    }); 
}]);