VueJS: Apache / Nginx vhost config examples

apache2_vhost_config_vuejs_dist

<VirtualHost *:80>
    DocumentRoot "/home/dev/server/project/dist/"
    ServerName vuejs.project.local	

    <Directory /home/dev/server/project/dist/>
        Options Indexes FollowSymLinks MultiViews
        AllowOverride all
    	  Require all granted
        Order allow,deny
    	  allow from all

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

nginx_vhost_config_vuejs_dist

server {
	listen 80;
	listen 443;

	ssl on;
        ssl_protocols TLSv1 TLSv1.2;
        ssl_ciphers ECDH+AESGCM:ECDH+AES256:!aNULL:!MD5:!DSS:!DH:!AES128;
        ssl_ecdh_curve secp384r1;
        ssl_prefer_server_ciphers on;
        ssl_certificate /etc/nginx/ssl/nginx.crt;
        ssl_certificate_key /etc/nginx/ssl/nginx.key;
        
	add_header Access-Control-Allow-Origin *;
	
	root /home/dev/server/project/dist/;

	server_name vuejs.project.local	

	index index.html;

	location / {
	  try_files $uri $uri/ @rewrites;
	}

	location @rewrites {
	  rewrite ^(.+)$ /index.html last;
	}

	location ~* .(?:ico|css|js|gif|jpe?g|png)$ {
	    expires max;
	    add_header Pragma public;
	    add_header Cache-Control "public, must-revalidate, proxy-revalidate";
	}
}