Angular without hash : error 404 on Apache2

Question

I removed # from my Angular application's url but I face a BIG problem... I followed many "solutions" but the result is the same..

My application "my-app" deployed on Apache2 (in subfolder) => /var/www/html/my-app

First access to the app (http://xxxxxx/my-app) => redirect to login page => OK Refresh page => ERROR 404 !!!

I added .htaccess files in public_html (ie /var/www/html) and sub-directory (ie /var/www/html/my-app) but still have the error...

Here .htaccess /var/www/html :

<IfModule mod_rewrite.c>
RewriteEngine on
RewriteCond %{REQUEST_FILENAME} -s [OR]
RewriteCond %{REQUEST_FILENAME} -l [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^.*$ - [NC,L]
RewriteRule ^(.*) /index.html [NC,L]
</IfModule>

And here .htaccess /var/www/html/my-app :

<IfModule mod_rewrite.c>
RewriteEngine on
RewriteCond %{REQUEST_FILENAME} -s [OR]
RewriteCond %{REQUEST_FILENAME} -l [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^.*$ - [NC,L]
RewriteRule ^(.*) /my-app/index.html [NC,L]
</IfModule>

Have any idea please to solve this problem ? Thank you !!

Shamith Wimukthi · Answer 1 · 2022-07-04T16:03:03.450

0

Add below to your build file directory and from apache direcly point to this folder

   <IfModule mod_rewrite.c>
      RewriteEngine On
      RewriteBase /
      RewriteRule ^index\.html$ - [L]
      RewriteCond %{REQUEST_FILENAME} !-f
      RewriteCond %{REQUEST_FILENAME} !-d
      RewriteRule . /index.html [L]
    </IfModule>

edited Jul 04 '22 at 16:03

answered Jul 04 '22 at 15:30

Shamith Wimukthi

468
3
12

Still have the problem... – Mohamed Jul 04 '22 at 16:29
Did you restart the apache server ? After this update, is the same error ? – Shamith Wimukthi Jul 04 '22 at 16:35
Yes I restarted the server... – Mohamed Jul 04 '22 at 16:38
https://stackoverflow.com/a/35285068/14305946, check this also please – Shamith Wimukthi Jul 04 '22 at 16:54

Angular without hash : error 404 on Apache2

1 Answers1