假设你有一台服务器，希望在上面启动三个应用程序，分别是

  • 官网首页，监听80端口
  • api接口，监听8080端口
  • 管理后台，监听8081端口

其中，官网首页和管理后台都是纯前端的项目，build之后就是一些静态页面，需要通过nginx进行寄宿，api接口是一个后台应用，可以通过命令行直接启动。

另外，你有一个域名叫test.com，然后你希望可以分别通过以下三个地址来访问上面的三个服务

  • www.test.com
  • api.test.com
  • admin.test.com

本篇博客来讨论如何通过nginx来完成上面的配置。

nginx通过监听不同的端口来寄宿多个目录下的网站

nginx安装完之后，有一个/etc/nginx/default文件，去掉注释之后是这样子的

server {
	listen 80 default_server;
	listen [::]:80 default_server;
	root /var/www/html;
	server_name _;
	location / {
		# First attempt to serve request as file, then
		# as directory, then fall back to displaying a 404.
		try_files $uri $uri/ =404;
	}
}

这里面包含一个默认监听的80端口，映射到的文件夹是/var/www/html，所以，需要将官网服务build之后放到这个目录下。

下面配置一下管理后台的端口和目录。在最下面加入以下配置

server {
    	listen       8081;
    	server_name  _;
    	root         /var/www/admin.test.com/; 
}

然后把管理后台相关的文件放到/var/www/admin.test.com这个目录下。

运行一下下面的命令来载入一下nginx的配置

nginx -s reload

测试一下80和8081端口是否可用

telnet localhost 80
telnet localhost 8081

api接口的应用自己启动就好了，无需nginx来寄宿。

到目前为止，通过端口就能够访问到一下三个服务了

设置通过二级域名反向代理到指定端口下的服务

首先，你需要让admin.test.com和api.test.com这两个域名解析到你的服务器IP上。

nginx除了作为webserver来寄宿静态网站以外，还有一个非常强大的功能就是反向代理。下面我们就来创建一个配置文件，将 api.test.com的请求转发给8080端口下的应用程序，将admin.test.com的请求转发给8081端口下的站点。

在/etc/nginx/conf.d目录下创建一个叫做reverse_proxy.conf的文件，文件名可以随意指定，但要以.conf为后缀名。然后加入下面的内容

server
{
        listen 80;
        server_name api.test.com; 
        location / {
                proxy_redirect off;
                proxy_set_header Host $host;
                proxy_set_header X-Real-IP $remote_addr;
                proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
                proxy_pass http://localhost:8080;
        }
}
server
{
        listen 80;
        server_name admin.test.com;
        location / {
                proxy_redirect off;
                proxy_set_header Host $host;
                proxy_set_header X-Real-IP $remote_addr;
                proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
                proxy_pass http://localhost:8081;
        }
}