$routeProvider not working with html5Mode

Question

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

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

Can someone enlighten me?

How did it stop working? Does clicking on the links do nothing now? Does it cause a 404? Does it produce any messages on the error console? — musically_ut
– musically_ut, Commented Dec 20, 2013 at 7:32

strelok2010 · Accepted Answer · 2013-12-20 05:11:23Z

Try to change

 $locationProvider.html5Mode(true);

to

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

And add

<base href="/">

in a document "head" section.

Collectives™ on Stack Overflow

$routeProvider not working with html5Mode

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related