angularjs - Angular 网址正在添加不需要的字符

Question

我有一个项目，其中 URL 在本地工作时可以正常工作

localhost:9000/

URL 将变成

http://localhost:9000/#/

由于我所做的一些更改，现在转到

http://localhost:9000/#!/ ( with an exclamation mark )

此外，其他 URL 变得奇怪。如果我尝试点击一个链接，例如，转到仪表板。它不带我去那里。相反，它使 URL 像

/#!/#%2Fdashboard

之后什么也没有发生。我做错了什么，我怎么可能解决这个问题？我无法显示任何代码，因为我不知道我哪里出错了。我按照以下教程进行操作，之后出现了问题。也许错误在那里？

tutorial link

我在设置路由的地方添加了我的 .config。

  .config(function ($routeProvider, $httpProvider) {
$routeProvider
  .when('/', {
    templateUrl: 'views/main.html',
    controller: 'MainCtrl',
    controllerAs: 'vm',
    activetab: 'main'
  })
  .when('/about', {
    templateUrl: 'views/about.html',
    controller: 'AboutCtrl',
    controllerAs: 'vm',
    activetab: 'about'
  })
  .when('/faq', {
    templateUrl: 'views/faq.html',
    controller: 'FaqCtrl',
    controllerAs: 'vm',
    activetab: 'faq'
  })
  .when('/dashboard', {
    templateUrl: 'views/dashboard.html',
    controller: 'DashboardCtrl',
    controllerAs: 'vm',
    activetab: 'dashboard'
  })
  .when('/logout', {
    templateUrl: 'views/main.html',
    controller: 'LogoutCtrl',
    controllerAs: 'vm'
  })
  .otherwise({
    redirectTo: '/'
  });
  $httpProvider.interceptors.push(['$q', '$window', '$localStorage', function($q, $window, $localStorage) {
    return {
      'request': function (config) {
        config.headers = config.headers || {};
        if ($localStorage.globals) {
          config.headers.access_token = $localStorage.globals.currentUser.token;
        }
        return config;
      },
      'responseError': function(response) {
        switch(response.status) {
          case 403:
            //$window.location = '/'
            break;
          case 404:
            //$window.location = './404.html';
            break;
          case 500:
            $window.location = './500.html';
            break;
        }
        return $q.reject(response);
      }
    };
  }]);

Answer 1

这实际上不是一个错误。

见 commit-aa077e8

用于 $location hash-bang URL 的默认哈希前缀已从空字符串 ('') 更改为到爆炸('!') .

如果你真的不想有哈希前缀，那么你可以通过向你的应用程序添加一个配置块来恢复以前的行为:

appModule.config(['$locationProvider', function($locationProvider) {
  $locationProvider.hashPrefix('');
}]);