.htaccess for Nuxt.js under apache

Nuxt.js .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>

Can you elaborate on what this does?

It's my htaccess setup for serving nuxt.js in SPA mode. It will redirect any /link to index.html.

Thx for the snippet.

Additionally, you have to add something like

<Directory /var/www/html>
    Options Indexes FollowSymLinks
    AllowOverride All
    Require all granted
</Directory>

to your virtual host config.

hello sir, i was build my own project to static page. where i can set and save this .htaccess file ?

my poject directory
/css
/fonts
/img
/js
favicon
index.html

Thanks again for this snippet, would you please tell us where did you create the .htaccess?

Hello a-zog

thank very much for your response, here's my project structure with .htaccess file

/css
/fonts
/img
/js
favicon.ico
.htaccess
index.html

Thank you !

Yes, just put the .htaccess file in the same dir where your index.html is being served.

Thanks!

Thank you! May be you have the same .htaccess for SSR mode?

Thx for the snippet.

Additionally, you have to add something like

<Directory /var/www/html>
    Options Indexes FollowSymLinks
    AllowOverride All
    Require all granted
</Directory>

to your virtual host config.

can you share full virtual host example? @phmLabs

Thanks for this was searching for a solution for a while and this did the job!

Can someone explain to me where you but the .htaccess file? Did you put it into the .nuxt folder after yarn build or what?

@xetra11 the root folder of your server.

@mariojankovic

I am deploying my Nuxt.js app as container using Docker.
Maybe you can help me out with all that.

.htaccess file

AuthName "Dialog prompt"
AuthType Basic
AuthUserFile .htpasswd
Require valid-user

.htpasswd file

dev:$apr1$Ou.IWaht$FKk1V4EyiEF6O.QsB9pMK1

I did npm build and created the /dist folder therefore.
I placed the files here:

• dist/.htaccess <<<
• dist/.htpasswd <<<
• dist/index.html

I then start the production server locally via npm start.
When I open the localhost:3000 it opens normally without password prompt beforehand.

Can you might figure out what I did wrong?

@xetra11 I can't tell what's wrong without your docker file. The htaccess file works with an apache server. I'd suggest you avoid doing that and instead host the website through dokku (https://nuxtjs.org/deployments/dokku) or an nginx powered docker instance like this: https://nuxtjs.org/deployments/nginx/

Thanks, it works !

The last line in the htaccess file was problematic for me, as I got double up in the error handling, i.e, got both app out and its slot and error page (the error page show up last).
This as last line seems to function better for with the error handling (it also seems faster):

RewriteRule (.*) index.html$ [L]