AngularJS UI-Routerでブラウザをリロードして現在の状態を維持する方法は？

Question

私はUI-Routerを使ってそのページをナビゲートする小さなWebアプリケーションを構築しました。ブラウザの更新や状態リンクを使用した特定のページへのアクセスは、すべて正常に動作します。私はいくつかのソリューションを同じトピックについてここに掲載しましたが、追加情報が不足している可能性があります。

下のui-srefリンクをクリックすると、「mysite/content」が表示され、ページが正常に表示されますが、一度更新するかリンクを貼り付けるだけでページを見つけられません。

期待どおりに動作するように手伝ってください。前もって感謝します。

HTML

<p ui-sref="content">Link To Content</p> 

AngularJS html5Modeで

var app = angular.module('myApp',['ui.router']); 

app.config(['$stateProvider', '$urlRouterProvider', '$locationProvider', function($stateProvider, $urlRouteProvider, $locationProvider){ 


    $urlRouteProvider.otherwise('/'); 


    $stateProvider 

     .state('home', { 
      url: '/', 
      views: { 
       '': { templateUrl: '/app/templates/wrapper.html'}, 
       'nav@home': { templateUrl: '/app/templates/nav.html'}, 
       'header@home': { templateUrl: '/app/templates/header.html'}, 
       'footer@home': { templateUrl: '/app/templates/footer.html'} 
      } 
     }) 

     .state('content', { 
      url: '/content', 
      views: { 
       '': { templateUrl: '/app/templates/content.html'}, 
       'nav@content': { templateUrl: '/app/templates/nav.html'}, 
       'header@content': { templateUrl: '/app/templates/header.html'}, 
       'footer@content': { templateUrl: '/app/templates/footer.html'} 

      } 
     }); 

    $locationProvider.html5Mode(true); 


}]) 

Answer 1

trueに設定ページを更新する際、お使いのブラウザは、 '個人用サイト/コンテンツ' へのリクエストを行います。従来の1ページアプリケーションでは、バックエンドにいくつかのデータに応答する一連のルートがあり、通常は他のすべてのルート（たとえば 'mysite/content'）のアプリケーションindex.htmlを返すように設定されています。

html5Modeを無効にすると、ブラウザが '＃'の後ろにある部分を除いたURLにリクエストします。このため、バックエンドは期待されるindex.htmlを確実に返します。