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; 
					
        }