Refreshin angular build shows 404 Not Found Error on Apache Server

Question

I am creating ng build --prod in angular 6, and deploying it to the Apache Server. Build works fine but when iam refreshing the page it shows "Not Found". Also iam creating .htaccess file in my root folder...

RewriteEngine On  

RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -f [OR]  
RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -d  
RewriteRule ^ - [L]


RewriteRule ^ /index.html  

Answer 1

One of the possible reason could be that you are deploying in a sub-directory.

Change this line

RewriteRule ^ /index.html  

to

RewriteRule ^ /subDirectoryName/index.html  

Hope this helps.