專案描述

vue專案使用8090埠（提供頁面），java專案使用8080埠（提供ajax介面），nginx監聽80埠。此時，nginx配置如下：

#java專案伺服器使用8080埠
upstream server_java {
	server 127.0.0.1:8080;
}

#vue專案伺服器使用8090埠
upstream server_vue {
	server 127.0.0.1:8090;
}

server{
	listen	80;
	server_name	localhost;
	
	#攔截所有請求並反向代理到8090埠，如果請求url有匹配到下發其他location，則使用下方location
	location / {
		proxy_pass	http://server_vue;
	}
	
	#攔截以api開頭的請求並反向代理到8080埠，^~表示一經攔截，不再匹配下方location
	location ^~ /api/ {
		proxy_pss http://server_java;
	} 

	#攔截以img開頭的請求併到nginx安裝目錄下的app/img下面尋找靜態資源，注意root與alias的區別
	location /img/ {
		root app;
	}
}
 

參考：http://lobert.iteye.com/blog/1933417
http://seanlook.com/2015/05/17/nginx-location-rewrite/