Угловой красивый URL не работает

Итак, я создал приложение SPA angularJS, которое безупречно работало с обычной маршрутизацией, например. (somesite.com#/something), но потом я устал от хэш-маршрутизации и узнал, что есть что-то, называемое «симпатичным URL-адресом» с $locationProvider и html5mode. Но как только я перешел к красивому URL-адресу, мой контент перестал отображаться ...

Мой файл "app.js" с маршрутами:

/* Configure routes */
app.config(function ($routeProvider, $locationProvider) {
    $routeProvider
// Home
        .when("home", {
            templateUrl: 'partials/home.html',
            controller : 'mainController'
        })
// Pages
        .when("contact", {
            templateUrl: 'partials/contact.html',
            controller : 'mainController'
        })
        .when("tools", {
            templateUrl: 'partials/tools.html',
            controller : 'mainController'
        })
        .when("saving", {
            templateUrl: 'partials/saving.html',
            controller : 'mainController'
        })

Мой индекс, в котором я хочу отображать разные страницы в div ng-view:

<!-- Website navigation -->
<div ng-include="'templates/header.html'"></div>

<!-- Website content-->
<div ng-view></div>

<!-- Website footer -->
<div ng-include="'templates/footer.html'"></div>

Мой код навигации в "header.html":

<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="NavColl">
    <ul class="nav navbar-nav">
        <li><a href="home">Hem</a></li>
        <li><a href="contact">Contact</a></li>
        <li><a href="tools">Verktyg</a></li>
        <li><a href="saving">Sparande</a></li>
    </ul>
</div>
<!-- /.navbar-collapse -->

Люблю всю помощь, которую я могу получить, это беспокоит меня уже некоторое время, спасибо.