无法使用 ui-router 从 url 栏更改状态

Question

当我尝试直接访问诸如 mysite.com/#!/about 之类的网址时，我总是会被重定向到本地状态。我有一个带有 ui-sref 链接的菜单，这些链接运行良好。 ngRoute 可以正常工作，但我有嵌套状态，所以我无法切换...如您所见，我没有做任何特别的事情...您可以在此处查看完整的源代码：https://github.com/misterch0c/SL-frontend

.config(function($locationProvider, $stateProvider, $urlRouterProvider, $popoverProvider, envServiceProvider, ngDialogProvider) {
$locationProvider.hashPrefix('!');
$stateProvider
    .state('home', {
        url: 'home',
        views: {
            '': {
                templateUrl: 'views/home.html',
                controller: 'HomeCtrl'
            },
            'filters@home': {
                templateUrl: 'views/filters.html',
                controller: 'FiltersCtrl'
            },
        }
    })

    .state('about', {
        url: 'about',
        templateUrl: 'views/about.html',
        controller: 'AboutCtrl',
    });

angular.extend($popoverProvider.defaults, {
    placement: "bottom",
});

})

.run(['$state',
  function($state) {
  $state.transitionTo('home');
}]);

Answer 1

尝试使用前导斜杠“/”来定义您的网址（每个州）

$stateProvider
    .state('home', {
        url: '/home',
        ...