如何使用路由，但不更改 URL？

Question

我正在构建一个单页应用程序 (SPA)，其域为 http://teachme.com。路线可以被视为

teachApp.config(['$routeProvider', '$locationProvider', function($routeProvider,       $locationProvider) {
    $routeProvider.
        when('/teach/', {templateUrl: 'views/login_view.html'}).
        when('/teach/overview', {templateUrl: 'views/overview_view.html'}).
        when('/teach/users', {templateUrl: 'views/users_view.html'}).
        otherwise({redirectTo: '/teach/'});
    $locationProvider.html5Mode(true);
}]);

现在每次我单击选项卡时，路线都会发生变化，我会看到不同的视图，但 URL 会更改为

http://teachme.com/#teach
http://teachme.com/#teach/overview
http://teachme.com/#teach/users

这在保持 url 唯一性和书签目的方面失败了。有没有办法让路由正常工作，但 URL 保持在 http://teachme.com

谢谢

Answer 1

路由的全部意义在于使用deep linking，每个the docs。

您的 URL 的域和路径组件将始终保持不变，但是 # 之后的组件会发生变化，即使您正在创建单页应用程序，它也允许书签工作。

短版为否，如果您不希望更改 # 之后的 URL 部分，则路由将不起作用。在我看来，如果没有此类添加，您似乎失去了书签的价值。

即使在单页应用程序上，您也可以为 teach 或 overview 部分等添加书签。也许您提供了一个 bookmark 链接，该链接始终标记域本身在用户的书签中。