reverse proxy vue using nginx

gistfile1.txt

1. Add a custom DNS entry

# File: /etc/hosts
127.0.0.1  site.test


2. In nginx conf file, tell it to reverse proxy all requests from site.test to http://localhost:3000

# File: /etc/nginx/sites-enabled/site.conf
server {
	listen 443 ssl;

	server_name site.test;

	ssl_certificate /etc/nginx/ssl/site.test.crt; # for TLS, otherwise remove
	ssl_certificate_key /etc/nginx/ssl/site.test.key;

	access_log /var/log/nginx/access.log main;
	error_log /var/log/nginx/error.log;

	location / {
		proxy_pass http://localhost:3000;
		proxy_ssl_server_name on;
		proxy_http_version 1.1;
	}


Then access with
https://site.test

or

http://site.test