AngularJS Ubuntuのルート変更ルート/＃/ - > /＃！/ links does not working

Question

プロジェクトはローカルで正常に動作します。 AWS Ubuntuインスタンスに展開した後、ルーティングが機能していないようです。 www.lewisengelart.com/#/のホームページはwww.lewisengelart.com/#!/ としてリンクしており、リンクを試みるとブラウザは www.lewisengelart.com/#を読み込もうとします！/＃％2Faboutではなく、 www.lewisengelart.com/#/aboutを参照してください。

もう一度、このプロジェクトはローカルでうまく動作します。私はubuntuインスタンスで何が起きているのか理解できません。

誰もこの問題が発生しましたか？ここで

は、app.jsルート設定

var app = angular.module("App", ['ngRoute', 'ngAnimate']); 

app.config(['$routeProvider', '$httpProvider', function($routeProvider, $httpProvider){ 
$httpProvider.interceptors.push(
    function($q, $location) { 
    return { 
     'responseError':function(rejection){ 
     if (rejection.status == 401){ 
      $location.url('/letmein'); 
     } 
     return $q.reject(rejection); 
    } 
    }; 
}); 
$routeProvider 
    .when('/',{ 
     templateUrl: 'partials/dashboard.html' 
    }) 
    .when('/text',{ 
     templateUrl: 'partials/text.html', 
     controller: 'textCtrl' 
    }) 
    .when('/magnet',{ 
     templateUrl: 'partials/magnet.html', 
     // controller: 'magnetCtrl' 
    }) 
    .when('/gauge',{ 
     templateUrl: 'partials/gauge.html', 
     // controller: 'gaugeCtrl' 
    }) 
    .when('/animation',{ 
     templateUrl: 'partials/animation.html', 
     controller: 'animationCtrl as ACtrl' 
    }) 
    .when('/about',{ 
     templateUrl: 'partials/about.html', 
    }) 
    .when('/contact',{ 
     templateUrl: 'partials/Contact.html', 
    }) 


    .when('/letmein',{ 
     templateUrl: 'partials/loginReg.html', 
     controller: 'adminCtrl' 
    }) 
    .when('/add',{ 
     templateUrl: 'partials/add.html', 
     controller: 'workCtrl' 
    }) 
    .otherwise({ 
     redirectTo: '/' 
    }); 

}]) 

、ホームページのリンク角度のドキュメント毎の

<div class="indexHeader col-md-3"> 
<a href="/#/"><h1>Lewis Engel</h1></a> 

<div class="worksBox"> 
    <a ng-href="/#/about"><span class="colorFive">About</span></a> 
    <a href="/#/contact"><span class="colorSix">Contact</span></a> 

    <a href="/#/text"><span class="colorOne">Emergent Possibilities</span></a> 
    <a href="/#/animation"><span class="colorTwo">Emergence over Time</span></a> 
    <a href="/#/magnet"><span class="colorThree">Magnetic Attractions</span></a> 
    <a href="/#/gauge"><span class="colorFour">Meaningless Measures</span></a> 
</div> 

Answer 1

と部分的です。

docs.angularjs.org/guide/migration#commit-aa077e8。

は角度の更新されたバージョンで新しいプロトコルを上書きする

$locationProvider 

と

appModule.config(['$locationProvider', function($locationProvider) { 
    $locationProvider.hashPrefix(''); 
}]); 

を追加する必要があります。