Есть код конфига
app.config(['$routeProvider', '$locationProvider',
function($routeProvider, $locationProvider) {
$routeProvider.otherwise({redirectTo: '/'});
$routeProvider
.when('/', {
templateUrl: 'views/view.html',
controller: 'View1Ctrl'
})
.when('/view1', {
templateUrl: 'views/view1.html',
controller: 'View1Ctrl'
})
.when('/:testId', {
templateUrl: 'views/view2.html',
controller: 'View2Ctrl'
});
$locationProvider.html5Mode(true);
}]);
Код html
<head>
<base href='/test/app/' />
</head>
<body ng-app="app">
<ul class="menu">
<li><a href="#/">view</a></li>
<li><a href="#/view1">view1</a></li>
<li><a href="#/12">view2</a></li>
</ul>
<div ng-view></div>
</body>
</html>
Все работает отлично, хешей в ссылках не видно, переходы вперед-назад работают, но при обновлении/перезагрузке страницы на ссылке вида
localhost/test/app/view1 вылетает ошибка, что такая страница не найдена.
Если убрать строку $locationProvider.html5Mode(true); в ссылках появляются хеш теги - #, и страницы корректно обновляются.
Как сделать, чтобы ссылки были красивые и обновление нормально работало?
Средний
Средний
