angularjs - 使用Angularjs时如何摆脱url中的`/#/`？

Question

使用 ng-view 和

myApp.config(['$routeProvider', function($routeProvider) {
  $routeProvider.
      when('/', {
        templateUrl: '/partials/home',
        controller: 'homePage'
      }).      
      otherwise({redirectTo: '/login'});
}]);

一切正常，除了显示/#/在每个地址之前的 URL。你如何摆脱它？

Answer 1

注入 $locationProvider 并将 html5mode 设置为 true http://docs.angularjs.org/guide/dev_guide.services .$location

myApp.config(['$routeProvider','$locationProvider', function($routeProvider, $locationProvider) {
  $routeProvider.
      when('/', {
        templateUrl: '/partials/home',
        controller: 'homePage'
      }).      
      otherwise({redirectTo: '/login'});
  $locationProvider.html5Mode(true);        // <-- Here comes the magic
}]);

请记住，您需要设置后端以将所有链接重定向到 index.html