У меня есть сервер gulp с приложением AngularJS 1.6.
У меня есть ng-роутер. Я пытаюсь удалить символ #!
из URL, поэтому я использовал ng-router. Я использовал $locationProvider.html5Mode(true);
и в index.html я использовал <base href="/">
вверху.
, но когда я обновляю страницу, на ней отображается сообщение Не удается получить /ui/index.html/
Я использую gulp
сервер.
app.js
var app = angular.module("apollo", ['ngRoute']);
app.config(function($routeProvider, $locationProvider) {
$routeProvider
.when('/ui/index.html/', {
templateUrl: 'root.html',
controller: 'HeaderCtrl'
})
.when('/ui/:appName/', {
templateUrl: 'apps/' + localStorage.getItem('locationApp') + "/controllers/home/templates/home.template.html"
})
.otherwise({
redirectTo: '/ui/index.html/'
});
$locationProvider.html5Mode(true);
});
index.html
<!DOCTYPE html>
<html>
<head>
<title>Apollo</title>
<base href="/">
<script src="library/angular.min.js"></script>
<script src="library/angular-route.js"></script>
<script src="app.js"></script>
<script src="services/apollo-headerCtrl.js"></script>
<script src="services/AppCtrl.js"></script>
</head>
<body ng-app="apollo">
<div ng-view></div>
</body>
</html>