一. Nginx配置反向代理和实现动静分离与虚拟主机流程图：

二 .Nginx配置反向代理和实现动静分离与虚拟主机实现详细配置和效果图

2.1 nginx 配置反向代理

#在nginx.conf配置server同级下配置
include tomcat.conf

# vim tomcat.conf
upstream api.z.mukewang.com{
   server 172.17.41.6:8088; #这个是后台war服务部署在tomcat中
}
server {
	listen 80;
	server_name api.z.mukewang.com;
	location ~ {
		proxy_pass http://api.zmukewang.com;
	}
}

解释说明一下：
访问http://api.zmukewang.com/foodie-dev-api/doc.html -->>代理到172.17.41.6:8088/foodie-dev-api/doc.html

2.2 Nginx实现动静分离与虚拟主机

#在nginx.conf配置server同级下配置
include foodie.conf

# vim foodie.conf
server{
	listen 80;
	server_name shop.z.mukewang .com;
	location / {
		root /home/website/foodie-shop;
		index index.html;
	}
}

server{
	listen 80;
	server_name center.z.mukewang .com;
	location / {
		root /home/website/foodie-center;
		index index.html;
	}
}