html5history $locationProvider 不与 $stateProvider 一起工作

Question

在我的应用程序中，我已尝试针对每个博客正确设置 post 我看到有人在谈论它，但我无法在 / url。我使用 yeoman 的 angular 生成器构建了该应用程序，因此它使用 grunt 来启动连接服务器。但是转到 localhost:9000 不再显示应用程序，因为尝试添加 $locationProvider 并将 html5location 设置为 true。

angular.module('bidrAdminApp', ['sky','ui.router','ngSanitize'])
  .config(function ($stateProvider,$urlRouterProvider,$locationProvider) {
  $stateProvider
    .state('Home',{
      url: '',
      templateUrl: 'views/index.html',
      controller: 'ApplicationCtrl'
    })
    .state('Home.Events', {
      url: '/events',
      templateUrl: 'views/events/index.html',
      controller: 'EventsCtrl'
    })
    .state('Home.Event',{
      url: '/events/{eventId}',
      templateUrl: 'views/events/event/index.html',
      controller: 'EventCtrl'
    })
    .state('Home.Event.Overview',{
      parent: 'Home.Event',
      url: '/overview',
      templateUrl: 'views/events/event/overview.html',
    })
    .state('Home.Event.Settings',{
      parent: 'Home.Event',
      url: '/',
      templateUrl: 'views/events/event/settings.html',
    });
    $urlRouterProvider.otherwise('');
    $locationProvider.html5Mode(true);
});

我的基础 index.html 文件中也有 <base href="/" />。

如果我将 Home 状态更改为 url: '/admin'，它会转到 /admin，但这不是预期的结果。不确定我是否缺少配置。

Answer 1

更改此行：

$urlRouterProvider.otherwise('');

到这一行：

$urlRouterProvider.otherwise('/');

html5history $locationProvider 不与 $stateProvider 一起工作

html5history $locationProvider not working with $stateProvider

state

angularjs

angular-ui-router

yeoman-generator-angular