Le rechargement de page échoue lors de l'utilisation du routeur UI angulaire avec le mode Html5 activé

Je suis Angulaire à l'aide de l'INTERFACE utilisateur du Routeur dans mon angulaire de l'application et je l'ai activé en mode HTML5 pour supprimer le # forme de l'URL à l'aide de $locationProvider dans la config.

var app = angular.module('openIDC', ['ui.router']);
app.config(function($urlRouterProvider, $stateProvider, $locationProvider) {

    $locationProvider.html5Mode(true);

    $urlRouterProvider.otherwise('/');

    $stateProvider
    .state('home', {
        url: '/',
        templateUrl: 'views/home.html',
        controller: 'HomeController'
    })
    .state('login', {
        url: '/login', 
        templateUrl: 'views/login.html',
        controller: 'LoginController'
    })
});

J'ai aussi mis le <base href="/" /> dans la balise index.html fichier ainsi. Le routage fonctionne très bien et je peux accéder à des pages et le n ° est supprimée, mais lorsque j'actualise la page en utilisant le bouton de réinitialisation sur le navigateur il n'y est une réponse d'erreur 404.

Le rechargement de page échoue lors de l'utilisation du routeur UI angulaire avec le mode Html5 activé

Pourquoi est-ce qui se passe et comment puis-je résoudre ce problème et ont HTML5 mode permet d'avoir une bonne Url

source d'informationauteur Kasun Kodagoda