nginx作为静态资源服务器和动态代理的用法示例

项目描述

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/