nginx同一端口代理多个vue项目（每个vue项目都是打包之后的静态页面）

nginx中html文件夹下创建每个项目的文件夹，将项目打包之后的静态文件放入。

html文件夹下放入目录页面即index.html

 

 

 

 

nginx配置：  location中alias 分别指向每个项目的静态文件所在路径

       location /qxServer/ {
           #proxy_pass http://localhost:8081/;
		    alias D:\\software\\Nginx\\nginx-1.16.1\\nginx-1.16.1\\html\\qxhtml\\;
			try_files $uri $uri/ /qxhtml/index.html;
			index index.html index.htm;

        }
		location /gzServer/ {
           #proxy_pass http://localhost:8082/;
		   alias D:\\software\\Nginx\\nginx-1.16.1\\nginx-1.16.1\\html\\gzhtml\\;
		   try_files $uri $uri/ /gzhtml/index.html;
		   index index.html index.htm;
        }
		
		location / {
			 proxy_pass_header Server;
			 proxy_headers_hash_max_size 5120;
			 proxy_headers_hash_bucket_size 640;
			 proxy_set_header Host $http_host;
			 proxy_set_header X-Forwarded-For $remote_addr;
			 proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
			 proxy_set_header X-Real-IP $remote_addr;
			 proxy_set_header X-Scheme $scheme;
					 
			 #proxy_pass http://localhost:8082; 
			 #proxy_pass http://frameServer; 
			 alias D:\\software\\Nginx\\nginx-1.16.1\\nginx-1.16.1\\html\\;
			 try_files $uri $uri/ /index.html;
			 index index.html index.htm; 
					
        }