Nginx 反向代理配置子域名去掉端口号，转发到不同的应用服务

刚开始接触web开发的小伙伴肯定很苦恼，每次启动的web服务器，除了80端口外，其它的后面都跟一个端口号；肯定有很多小伙伴和我一样，都很想去掉吧！ 

首先下载Nginx，本文以nginx-1.14.0 windows版本为例；Nginx是一个反向代理服务，当然，也有很多其它功能；这里我们只利用它的这一点。想了解更深的朋友，可以自行网上搜索相关资料

Nginx下载地址：http://nginx.org/en/download.html  选择自己想要的版本

配置两个Nginx服务，一个使用80端口，一个使用8080端口；为了方便查看，本例使用2套不同的html网页模板，并配置2个本地域名：

80 ：wangquan.co
8080 ：vip.quan.wiki

然后修改C:\Windows\System32\drivers\etc\hosts 文件，将上面的2个域名配置进去，如下：

配置完成后，cmd输入命令：iconfig /flushdns 刷新一下dns缓存，就可以使用这2个域名访问本地IP了；这里涉及到DNS域名解析的概念，不是本文的重点，在此不做详细的解释。

首先配置8080的Nginx服务，打开根目录，conf目录下的nginx.conf配置文件，如下图：

配置nginx.conf 配置文件，修改server里面的listen端口为8080，修改location如下：

location / {
    root   E:/WebRoot/club8080;
    index  index.html index.htm;
}

root 配置的是url匹配的地址访问本地文件夹的径，本例配置的是HTML模版的根目录；nginx.conf完整配置如下图：

这样，8080端口的Nginx服务就配置好了，启动看一下效果

使用控制台命令，进入根目录，输入命令start nginx.exe即可启动，这个版本的Nginx窗口会一闪而过；不过不用担心，其实服务已经启动起来了，可以在任务管理器，详细信息中看到Nginx.exe的进程

此时，地址栏输入地址：vip.quan.wiki:8080 就可以访问，哈哈，当然另一个域名加上这个端口也是可以访问的，不过此时域名必须带有端口号8080，效果如下图：

下面我们开始配置80端口的Nginx服务器，使用另一套HTML模版作为演示；然后配置反向代理，将vip.quan.wiki 的8080端口去掉

修改另一个Nginx服务nginx.conf配置文件，配置如下：

# 这一个Nginx服务主要用来做反向代理，为了让大家更清晰的看到效果，同时也配置了本地文件目录解析；访问到定一个HTML模版
    
    # 这里配置的是80端口监听wangquan.co域名
    server {
        listen       80;
        # 修改服务名称
        server_name  *.wangquan.co;

        location / {
            # 另一个HTMl网页模版根目录
			root   E:/WebRoot/club;
            index  index.html index.htm;
        }
      
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
	
    # 这里配置的是80端口监听vip.quan.wiki域名
    server {
        listen       80;
        server_name  vip.quan.wiki;

		location / {
            # 配置代理访问 8080 Nginx服务器
			proxy_pass http://127.0.0.1:8080;
            index  index.html index.htm;
        }
      
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }	

配置完成后，同样的方式启动nginx服务

首先我们查看 80 服务映射的HTML模版效果，浏览器输入 域名：wangquan.co 效果如下：

有人会问了，为什么这个域名可以不用输入端口呢？  因为HTTP80端口访问，默认是可以不用输入端口号的，本例去掉端口访问的根本，就是依据这一点

然后我们在输入 vip.quan.wiki 访问看看效果，效果如下：

小伙伴们，看明白了没？  是不是另一个域名，可以不用输入端口号就能访问了。本文主要是利用Nginx反向代理实现的代理访问另一台web应用服务；你也可以配置访问任何地址，如tomcat等。

好了，讲解到此结束，当然这只是Nginx非常基础的玩法；本文讲解比较简单粗暴，适用于新手入门阅读，任何问题都可以在下方留言讨论；刚开始写博客，难免有很多不足，欢迎大神指点，多多指教

本文参考链接：

http://nginx.org/en/docs/http/ngx_http_core_module.html#location

http://nginx.org/en/docs/http/ngx_http_proxy_module.html#proxy_pass