$ routeProvider не работает с html5Mode

Question

Я только начинаю изучать angularJs и пытался настроить частичную страницу с угловым сервисом маршрута.

Он работал с хэш-форматом, однако, когда я пытался избавиться от хэша, routeProvider прекратил работать.

JS

app.config(function($routeProvider,$locationProvider){ 
    $locationProvider.html5Mode(true); 
    $routeProvider.when("/", { templateUrl: "/index.html" }). 
     when("/about", { templateUrl: "/partials/about.html" }). 
     when("/contact", { templateUrl: "/partials/contact.html" }). 
     otherwise({ redirectTo: '/' }); 
}); 

HTML

  <ul class="nav navbar-nav navbar-right"> 
       <li><a href="/about">About</a></li> 
       <li><a href="/contact">Contact</a></li> 
      </ul 

Может кто-нибудь просветить меня?

Answer 1

Попробуйте изменить

$locationProvider.html5Mode(true); 

в

$locationProvider.html5Mode(true).hashPrefix('!'); 

И добавить

<base href="/"> 

в разделе документа "головы".