Angular 1.5を使用してSPAを正しくルーティングする方法は？

Question

私は新しい角度です。私は私のプロフィールを表示するためのブログを作成します。私のウェブサイトで 、私はいくつかのコンポーネントを持っていると示されているように私app.moduleは、ルーティングのための構成を有している：ここでは

app.config(function($locationProvider, $routeProvider){ 
    $locationProvider.html5Mode({ 
    enabled:true, 
    requireBase: false 
    }) 

    $routeProvider. 
    when("/", { 
     template: "<research-overview></research-overview>" 
    }). 
    when("/research-interests", { 
     template: "<research-interests></research-interests>" 
    }). 
    otherwise({ 
     redirectTo: "/" 
    }) 
}); 

は私のコンポーネントの例です：

angular.module('researchOverview', []) 
    .component('researchOverview', { 
    templateUrl: '/templates/research-overview.html', 
}); 

私はローカルに試してみましたpython -m SimpleHttpServer を使用してサーバーを実行し、ブラウザを使用して自分のローカルWebサイトにアクセスしてlocalhost:8000にアクセスできるようにします。ホームページからリンクをクリックすると、ページが正しく読み込まれます。ただし、最初に別のURL（例：localhost:8000/testing）を使用してウェブサイトにアクセスすると、角度のルートが正しく動作しないように見えます。 は、私はそれらのURLは私のホームページにリダイレクトすることができるように、私はルータを設定するにはどうすればよい

、代わりにこのエラーが出ますか？

Answer 1

html5モードが有効になっていると、パスに関係なくindex.htmlファイルを返すようにサーバーを設定する必要があると思われます。

たとえば、サーバーがlocalhost：8000/testingでリソースの要求を受信すると、index.htmlが返されます。 AngularJSドキュメントから

：このモードを使用して

は基本的に、あなたのアプリケーションのエントリポイント （例えばindex.htmlを）にすべてのリンクを書き換える必要があり 、サーバ側でURL書き換えを必要とします。アプリケーションベースである URLの部分と処理されるべきパスとを区別することができるので、この の場合には、タグを要求することも重要です。