Nginx 反代理

原文链接https://www.castamerego.com/docs/Server/NginxReverseProxy

单个服务器部署多个项目

当使用 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​

笔者服务器是 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

后记​

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

原文链接https://www.castamerego.com/docs/Server/NginxReverseProxy