Is there a way to rewrite all urls in .htaccess to index.html but existing folders? When I use Vue-Router

Question

I built a VUE CLI web application that includes Vue-Router, so I should rewrite all requests to index. html file, as shown below:

RewriteEngine On
RewriteRule ^(.*)$ ./index.html [L]

But there is a problem, there are two folders css and js containing packaged css and js >, automatically generated by Vue-CLI. The browser would send a request like: https://example.com/css/xyz.css, but as rewritten above, Apache would answer< code>index.html. html file. For example js folder/file

How to rewrite all requests to index.html but existing files/folders like favicon.ico or Bootstrap css/js files or images or css/js files are in the same folder ?

Answer 1

When I read the first comment of the question (here), I understood that I could use this expression of RewriteCond (conditional handling before rewriting)

RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . ./index.html

Before rewriting all requests to the index.html file, there are two conditions, check REQUEST_FILENAME to make sure REQUEST_FILENAME is not (REQUEST_FILENAME >!) A file (-f) or directory (-d)

in the current folder or one of the subfolders of the current folder

Note: ONE RewriteRule Each preceding RewriteCond only affects the same RewriteRule and will not Affects any RewriteRule that follows RewriteRule