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#/.
Asked
Active
Viewed 189 times
1
Raphael Rafatpanah
- 17,511
- 22
- 84
- 148
1 Answers
1
You can use this rule:
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.+?[^/])$ /$1/#/ [L,NE,R=302]
anubhava
- 713,503
- 59
- 514
- 593
-
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. – Raphael Rafatpanah Apr 06 '15 at 18:10
-
If you enter `example.com/app` what does it become? – anubhava Apr 06 '15 at 18:17
-
It becomes `example.com/app#/` – Raphael Rafatpanah Apr 06 '15 at 18:17
-
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. – anubhava Apr 06 '15 at 18:19
-
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. – Raphael Rafatpanah Apr 06 '15 at 18:25
-
Ok in that case I think there are other conflicting rules. Better you keep this just below `RewriteEngine On` – anubhava Apr 06 '15 at 18:27