$ routeProvider无法使用html5Mode [英] $routeProvider not working with html5Mode

问题描述

我刚刚开始学习angularJs，并试图使用angular route服务配置部分页面.

I just start to learn angularJs, and was trying to configure the partial page with angular route service.

它适用于哈希格式，但是，当我尝试摆脱哈希时，routeProvider停止工作.

It worked with the hash format, however，when I tried to get rid of hash, the routeProvider stopped working.

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

有人可以启发我吗?

推荐答案

尝试更改

 $locationProvider.html5Mode(true);

到

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

然后添加

<base href="/">

在文档标题"部分.

这篇关于$ routeProvider无法使用html5Mode的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！