nginx 配置多个项目--前后端分离

一、单个项目部署

   location /{
root /home/appuser/fuweizhong/xxx-ui/dist/;
           try_files $uri $uri/ /index.html;
index index.html index.htm;
}

       location /prod-api/ {
           proxy_set_header Host $http_host;
           proxy_set_header X-Real-IP $remote_addr;
           proxy_set_header REMOTE-HOST $remote_addr;
           proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
           proxy_pass http://127.0.0.1:8080/;
       }

访问路径：http://127.0.0.1

二、多项目部署

location ^~/energy/{
root /home/appuser/fuweizhong/xxx-ui/;
           try_files $uri $uri/ /index.html;
index index.html index.htm;
}

       location ^~/prod-api/ {
           proxy_set_header Host $http_host;
           proxy_set_header X-Real-IP $remote_addr;
           proxy_set_header REMOTE-HOST $remote_addr;
           proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
           proxy_pass http://127.0.0.1:8080/;
       }

       location ^~/park/{
root /home/appuser/fuweizhong/xxx-ui/;
           try_files $uri $uri/ /index.html;
index index.html index.htm;
}

       location ^~/park-api/ {
           proxy_set_header Host $http_host;
           proxy_set_header X-Real-IP $remote_addr;
           proxy_set_header REMOTE-HOST $remote_addr;
           proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
           proxy_pass http://127.0.0.1:8081/;
       }

多个项目时，使用前缀区分项目，前缀加了后，访问路径为 location+前缀：

nginx 配置多个项目--前后端分离