Angular route ui reload issues when using html5Mode

Question

Basically I'm using Angular UI routes with an app I'm building. The routes work as expected however when I try to use html5Mode as in: $locationProvider.html5Mode(true); and reload a page with a deep link, the style gets broken unless I reload from the base url.

If I reload with $locationProvider.html5Mode(false); the reload works normally.

Am I missing something here?

user133688 · Accepted Answer · 2015-07-30 01:13:10Z

1

You need to add the urls to w/e you're serving up the base html file to serve up the base template when one of those urls are hit. Angular will only route locally. So the response hits your server, trys to find the correct html to serve up and probably fails.

answered Jul 30, 2015 at 1:13

user133688

7,0943 gold badges23 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

WagnerMatosUK Over a year ago

I'm really sorry but I'm not sure I follow. So you're saying I'd need something like an htaccess file on the server level pointing all traffic to my index.html (Angular app)? Is that correct? Btw, what's w/e?

user133688 Over a year ago

Yes that's correct. Your initial request will go to the server. The server will try to find the correct html/response object to return that correrlates with that url. Angular only uses routes locally, on client side. But first you have to serve it up :) w/e === whatever. i'm not sure what backend you're using so I can't be more helpful. BTW (by the way) html5mode wont work if you're just using a file location to serve the index.html up.

WagnerMatosUK Over a year ago

Thanks, very helpful. I'm using a Rails 4 backend btw.

Collectives™ on Stack Overflow

Angular route ui reload issues when using html5Mode

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related