欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

nginx通过不同的二级域名映射到不同端口下的应用

程序员文章站 2022-06-11 16:18:02
...

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

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

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

另外,你有一个域名叫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.comapi.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;
        }
}
相关标签: nginx