如何利用Nginx代理转发，在同一域名下加载不同项目

2024-02-21 00:35:51

项目功能复用，代码维护难点

在项目开发过程中，我们经常遇到这样的情况：多个项目功能重复，每次开发都需要复制一份代码，然后针对不同的项目进行修改和维护。例如，在后台管理系统中，菜单管理、角色管理等功能通常是通用的，在多个项目中都需要使用。

这种代码复制粘贴的方式不仅增加了开发的工作量，而且还带来了代码维护的难度。随着项目数量的增加，代码的维护成本也会随之增加。为了解决这一问题，我们可以考虑将通用的功能代码抽离出来，单独打包成一个项目，然后利用nginx代理转发的方式在同一域名下加载不同的项目。

抽离管理后台代码，实现项目功能复用

首先，我们需要将管理后台代码抽离出来，单独打包成一个项目。这个项目可以命名为“admin”，它包含了所有通用的功能代码，如菜单管理、角色管理、用户管理等。

将“admin”项目打包成独立的项目后，我们就可以利用nginx代理转发的方式在同一域名下加载不同的项目了。nginx是一个高性能的web服务器，它可以作为反向代理服务器，将请求转发到不同的项目。

利用nginx代理转发，在同一域名下加载不同项目

为了在同一域名下加载不同的项目，我们需要在nginx配置文件中配置代理规则。以下是一个示例配置文件：

server {
  listen 80;
  server_name example.com;

  location /admin {
    proxy_pass http://localhost:8080;
  }

  location /project1 {
    proxy_pass http://localhost:8081;
  }

  location /project2 {
    proxy_pass http://localhost:8082;
  }
}

在上面的配置文件中，我们定义了三个location块，分别用于代理“admin”、“project1”和“project2”项目。

“admin”项目位于“http://localhost:8080”端口，当请求的路径为“/admin”时，nginx会将请求转发到“http://localhost:8080”。
“project1”项目位于“http://localhost:8081”端口，当请求的路径为“/project1”时，nginx会将请求转发到“http://localhost:8081”。
“project2”项目位于“http://localhost:8082”端口，当请求的路径为“/project2”时，nginx会将请求转发到“http://localhost:8082”。

这样，我们就可以在同一域名下加载不同的项目了。当用户访问“example.com/admin”时，nginx会将请求转发到“admin”项目，用户看到的页面就是“admin”项目的页面；当用户访问“example.com/project1”时，nginx会将请求转发到“project1”项目，用户看到的页面就是“project1”项目的页面；当用户访问“example.com/project2”时，nginx会将请求转发到“project2”项目，用户看到的页面就是“project2”项目的页面。