Question

我有一个带有AngularJS 1.6应用程序的gulp服务器。

我有一个ng-router。我试图从网址中删除#!符号，所以我使用了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>

在gulp服务器中刷新AngularJS页面后，显示错误，因为无法获取

0 个答案: