angularjs - $routeProvider 不适用于 html5Mode

Question

我刚刚开始学习 AngularJs，并尝试使用 Angular 路由服务配置部分页面。

它可以使用哈希格式，但是，当我尝试摆脱哈希时，routeProvider 停止工作。

JS

app.config(function($routeProvider,$locationProvider){
    $locationProvider.html5Mode(true);
    $routeProvider.when("/", { templateUrl: "/index.html" }).
        when("/about", { templateUrl: "/partials/about.html" }).
        when("/contact", { templateUrl: "/partials/contact.html" }).
        otherwise({ redirectTo: '/' });
});

HTML

          <ul class="nav navbar-nav navbar-right">
              <li><a href="/about">About</a></li>
              <li><a href="/contact">Contact</a></li>
          </ul

有人可以启发我吗？

Answer 1

尝试改变

 $locationProvider.html5Mode(true);

至

$locationProvider.html5Mode(true).hashPrefix('!');

并添加

<base href="/">

在文档的“head”部分。