Nginx 反代理

单个服务器部署多个项目

当使用 HTTP 服务器时，默认的端口号是 80，但如果有多个项目想要部署在一个服务器上，如果都开到 80 端口就会出现端口占用，针对这个问题，笔者给出一个解决办法，即使用Nginx 反代理

缘起

在我的服务器上一直部署着两个项目，一个开放在 3000 端口，一个在 8500 端口。之前采用的方法是将 www. 前缀的域名直接解析到服务器 IP 地址，然后再用两个不同的域名前缀使用隐性 URL 转发分别解析到 www.castamerego.com:3000 和 www.castamerego.com:8500。

使用隐性 URL 转发的好处是，在浏览器中显示的将是 readbook.castamerego.com 而不是 www.castamerego.com:3000 的形式

提示

笔者使用的是阿里云的域名解析，他的域名解析类型还是比较多的，建议大家在使用前把阿里云解析记录类型站外链接先仔细看看

之前在测试环境(localhost)都是正常的，但是在部署环境中没有仔细观察，使用隐性 URL 转发导致出现了以下两个问题:

• 在网站内跳转时，无论到了站内哪个页面，页面 URL 都是固定的 readbook.castamerego.com，而不是如 readbook.castamerego.com/books 的形式。
• 由于隐性 URL 转发时，通过 frame 嵌套目标网站的内容，导致移动端不能自适应网页大小

nginx

important

笔者服务器是 Ubuntu20.04 版本，这里演示在此 OS 上如何使用 Nginx 反代理

安装

直接执行以下命令

sudo apt update
sudo apt install nginx

过程中可能需要输入密码，等安装好后，使用sudo systemctl status nginx命令查看，如果显示如下内容则安装成功

或者浏览器直接使用 IP 或者域名访问

配置反向代理

安装好 Nginx 后，先进入到 Nginx 配置文件夹，在 Ubuntu 下为/etc/nginx/conf.d/。cd 过去后，创建一个新的.conf 文件，笔者这里直接使用nano server.conf来创建并编辑

备注

Nginx 的配置文件其实是/etc/nginx.conf，在这个文件中会include /etc/nginx/conf.d/*.conf。也就是说 Nginx 会导入conf.d文件夹下所有的.conf格式文件。所以在这里创建的文件名随便起(笔者命名的是server.conf)，但必须是.conf 文件

在打开的.conf 文件中添加以下内容，将server_name, proxy_pass换成你对应的域名和端口号(端口号要以 http://localhost:1234 的形式)

server {
  listen 80;
  server_name App1.domain.com;  # 这里换成你解析的域名

  location / {
    proxy_pass http://localhost:xxxx; # 这里换成你该域名对应项目所在的端口号
  }
}

server {
  listen 80;
  server_name App2.domain.com;  # 这里换成你解析的域名

  location / {
    proxy_pass http://localhost:xxxx; # 这里换成你该域名对应项目所在的端口号
  }
}

# 如果不止两个项目就再加代理规则

添加好后，使用以下命令重启 nginx 服务以应用修改

sudo systemctl reload nginx

后记

去试试两个域名能否顺利打开对应的网站，域名解析可能会有一些延迟。完美解决之前提到的两个问题，实现单个服务器部署多个项目

important

如果需要配置 https 可以参考这篇站内文章