Rewrite module in . htaccess for subfolders

Question

I have an application in AngularJs with html5 enabled, which makes me need to use the module rewrite apache so there is a correct URL conversion.

I have no problem using this when accessing the application with index from the root, ie if I access www.meusite.com.br and browse the menus, refresh the page, etc. everything works correctly.

The problem starts when I need to access a new area of app that starts in a subfolder, for example my administrative area. It gets all stored in a subfolder called adm being accessed like this: www.meusite.com.br/adm

In this Adm subfolder, I have a new index, new subfolders, etc. A new area of app focused only on administration and this is the part where I have problems using the module rewrite with html5, because when updating the page it no longer finds the path, in case it tries to start from the root index.

This is my file .htaccess located at the root of app.

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

In theory I know I would need a rule that points to the subfolder as well, but I don’t know how to create this rule and also I haven’t been able to find anything so far.

Answer 1

You will have to create another .htacess, save it in the folder adm and change the second and last line:

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

In this case, the "root" will be pointed to the /adm (second line) and when entering the root, will look for the index.html (last line).