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

Thanks save me!

Thank you so much, I struggled a lot with this, not knowing the rewrite syntax yet!

@HamidReazaNikoonia Thanks Bro!

Thanks for the subfolder tip! Did the trick!

How can I use this code and force https?

Thanks for this example! Super helpful.

Thanks for this example, I was stuck

Thanks!

I'm trying to do this in Bluehost where they are asking me to add an Apache handler. I have zero experience with this. They are asking for a handler and then an extension. I'm guessing it creates an area to add text and i can put that code in. Is this right? and do i need a special file name and/or file type? I have no clue what I'm doing here lol. 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>

How can I use this code and force https?

RewriteCond %{HTTPS} off

Hello all,

I already have this in my .htaccess file

RewriteEngine On RewriteCond %{SERVER_PORT} 443 RewriteRule ^index.php(.*) http://abc.abcdef.com:49000/$1 [P,L] RewriteRule (.*) http://abc.abcdef.com:49000/$1 [P,L]

and how do I add this there?

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

Hope someone can help and thanks :)

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