ngRouteのページを更新するときにページが見つかりません

Question

anglejs ngRouteを使用して1ページのアプリケーションをルーティングしています。 localhost/aboutまたはlocalhost/blogを表示します。 私はリアロードすると、「GET/about」できません。どうしたらいいですか？

ルーターの設定は以下のとおりです。

var myApp = angular.module('myApp',['ngRoute']); 
myApp.config(['$locationProvider','$routeProvider',function($locationProvider,$routeProvider){ 
    $locationProvider.html5Mode(true); 
    $routeProvider 
     .when('/',{ 
      templateUrl: 'views/pages/home.html', 
      controller: 'homeCtrl' 
     }) 
     .when('/about',{ 
      templateUrl: 'views/pages/about.html', 
      controller: 'aboutCtrl' 
     }) 
     .when('/contact',{ 
      templateUrl: 'views/pages/contact.html', 
      controller: 'contactCtrl' 
     }) 
     .when('/blog',{ 
      templateUrl: 'views/pages/blog.html', 
      controller: 'blogCtrl' 
     }) 
     .otherwise({redirectTo: '/home'}); 
    }]); 

私は角度を使用しています。理由コード

falseに設定

$locationProvider.html5Mode(true); 

のこの作品のだ

Answer 1

は、各URLの先頭に#が追加されますので、サーバはあなたがリロードされているページに関係なくインデックスページを提供します。

Answer 2

AngularJSルーティングではなく、サーバールーティングを使用している可能性があります。 AngularJSはデフォルトでURLをルーティングするために#の後のルートを使用します。例えば、http://localhost:8080/#/about。

さらに、$locationProvider.html5Mode(true)のHTML5ルーティングでは、http://localhost:8080/aboutを使用していると思われるルーティングを使用できます。

Answer 3

AngularJSルーティングについてのドキュメントはあまり明確ではありません。それはHashbangとHTML5モードについて語っています。実際には、ルーティングは3つのモードで動作しAngularJS：

• Hashbangモード
• はHTML5モード
• HTML5モードでHashbang

をあなたによってサポートされていないHTML5モードを使用しているためですブラウザ。上記@Mumpoで述べたように。

あなたはこのラインこのラインに

$locationProvider.html5Mode(true); 

を変更する必要があります

$locationProvider.html5Mode(false); 

このHashbangモードが有効になり、さらにお使いのURL

を前に＃記号を付加しますこれらの3つのモードに関する深い知識。これを参照してくださいStackoverflow質問here。これが役に立ちますようにお願いします。