После обновления страницы AngularJS на сервере gulp, отображается сообщение об ошибке «Не удается получить» - PullRequest
0 голосов
/ 02 июля 2018

У меня есть сервер 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>
...