AngularJs routeProvider 404
Код ниже взят из уроков AngularJs и немного изменен мной. Я хочу удалить хеш из URL. Я действительно преуспеваю, но теперь у меня есть другая проблема.
Когда я использую ссылку localhost, она работает нормально и перенаправляет меня на localhost / Телефоны. Но в случае, если я пытаюсь использовать прямую ссылку localhost / phones, браузер выдает ошибку 404. Почему это так?
Код:
var phonecatApp = angular.module('phonecatApp', [
'ngRoute',
'phonecatControllers'
]);
phonecatApp.config(['$routeProvider', '$locationProvider' ,function($routeProvider, $locationProvider) {
$routeProvider
.when('/phones', {
templateUrl : 'partials/phone-list.html',
controller : 'PhoneListCtrl'
}).
when('/phones/:phoneId', {
templateUrl : 'partials/phone-detail.html',
controller : 'PhoneDetailCtrl'
}).
otherwise({
redirectTo : '/phones'
});
$locationProvider.html5Mode(true).hashPrefix('!');
}])