Angular routing, refreshing gives 404, .htaccess not working

Question

This has been asked multiple times, but still i don't seem to figure out whats the problem in my angular app.

My routing works fine, until I refresh the page and it gives me "page not found". Popular solution is that I add a .htaccess file to the root of my app, but it's still not working. I've even tried differrent .htaccess scripts.

Can you share what your main application.js looks like and your .htaccess file? — jesal, Jan 11 '14 at 23:34
main.js where the configuration is: http://pastebin.com/59KTTQ54 .htaccess: http://pastebin.com/cmb12RJ0 — speyburn, Jan 11 '14 at 23:40
One of the .htaccess files had "allowoverride all", but it wasn't helping (atleast in that script). Mod rewrite is loaded in the phpinfo apache "loaded modules". — speyburn, Jan 13 '14 at 02:12

score 10 · Answer 1 · answered Jan 15 '14 at 16:06

10

Try this .htaccess:

Options +FollowSymLinks

<ifModule mod_rewrite.c>
    RewriteEngine On
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteCond %{REQUEST_URI} !index
    RewriteRule (.*) index.html [L]
</ifModule>

answered Jan 15 '14 at 16:06

jesal

7,852
6
50
56

2

Did you test your answer ? I got this : "The requested URL /index.html/ was not found on this server." – Romain Oct 17 '14 at 14:52
@RomainFournereau That snippet is from one of my AngularJS projects. So yes, it works for me although YMMV depending on your environment/configuration. – jesal Jan 07 '15 at 21:18

Angular routing, refreshing gives 404, .htaccess not working

1 Answers1

Linked