Apache .htaccess settings for Vue, vue-router

gistfile1.txt

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

https://router.vuejs.org/guide/essentials/history-mode.html#example-server-configurations

If this is not working for you: make sure you enabled .htaccess files for the /var/www/html directory -- this is NOT enabled by default.

Excelente

I try several htaccess but when you have a route who like like this :
"ec/loo/:id" => call url : "ec/loo/666"
"ec/moo/moo" => call url : "ec/moo/moo"
this htaccess is not working at all.

Thanks HamidReazaNikoonia

Thanks

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

This is not work me

if you have subfolder

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

This is work

How about for subdomain

Thanks !!

Thank you so much

I have a project in production and I had the problem that I could not refresh the page, this was the solution. Thanks!! 😄

excuse me guys, I've built frontend with NuxtJS, and use [slug].vue for the dynamic route, and I've been deploy it to apache, when I access my blog or refreshing my blog, it always redirects to home, or subdirectory all-blog, not to my blog, any solutions everyone? thanks before