404 when reloading route o ng build --prod

Info

1. OS? Windows 7, 8 or 10. Linux (which distribution). Mac OSX (Yosemite? El Capitan?)

-Mac OSX El Capitan

1. Versions. Please run ng --version. If there’s nothing outputted, please run in a Terminal: node --version and paste the result here:

angular-cli: 1.0.0-beta.11-webpack node: 6.3.0 os: darwin x64

1. Repro steps. Was this an app that wasn’t created using the CLI? What change did you do on your code? etc.

I’m geting a weird error, when I reload on any route with the cli (example “app/route”), everything works fine, but if I i “ng build --prod”, and then test it, if I reload on that particular route (‘app/route’), it gives me a 404 error instead of actually working, Am I doing something wrong?

[Abubarrett]

Yeah the basic idea is that the server loads routes based on files, but your whole angular app runs on index.html and it tells the browser which route to show, so with htaccess you pretty much route all server incoming traffic to index.html and it all runs smoothly 😃 This is the .htaccess I’m using:

RewriteEngine on
# Don't rewrite files or directories
RewriteCond %{REQUEST_FILENAME} -f [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^ - [L]

# Rewrite everything else to index.html to allow html5 state links
RewriteRule ^ index.html [L]

[Abubarrett]

Thank you @filipesilva, sorry for the confusion haha