Perfect .htaccess file for SPA hosting on Apache servers

.htaccess

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

# No caching for all files
<FilesMatch ".*">
  Header set Cache-Control "no-cache, no-store, must-revalidate"
</FilesMatch>

# Caching for static assets
<FilesMatch "\.(jpg|jpeg|gif|png|svg|webp|js|css|eot|otf|ttf|ttc|woff|woff2|font\.css)$">
  Header set Cache-Control "max-age=604800, public"
</FilesMatch>

1. Create a new .htaccess file at the root directory where your index.html file exist
2. Copy the above code and paste in the file you just created, save and voila.