Rewrite AngularJS URL

Question

How can an AngularJS site's url be automatically rewritten from example.com/app to example.com/app/#/?

Currently, it changes from example.com/app to example.com/app#/.

anubhava · Accepted Answer · 2015-04-06 18:18:40Z

1

You can use this rule:

RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.+?[^/])$ /$1/#/ [L,NE,R=302]

edited Apr 6, 2015 at 18:18

answered Apr 6, 2015 at 17:54

anubhava

790k67 gold badges603 silver badges671 bronze badges

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

6 Comments

Raphael Rafatpanah Over a year ago

It doesn't seem to work. AngularJS does add a # to the URLS to allow to browser to handle further links. Maybe that has something to do with it.

anubhava Over a year ago

If you enter example.com/app what does it become?

Raphael Rafatpanah Over a year ago

It becomes example.com/app#/

anubhava Over a year ago

Open example.com/app in Chrome dev tool to see what does it get redirected to? Make sure there is one rule as shown above.

Raphael Rafatpanah Over a year ago

It does work when I have only one redirect rule. However, then I get a 404 error. Thanks for your help. I'm going to play around with this for a while.

|

Collectives™ on Stack Overflow

Rewrite AngularJS URL

1 Answer 1

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related