前后端分离项目中nginx部署的相关配置

简介: 前后端分离项目中nginx部署的相关配置

一、三种情况下的不同部署

1、单个Nginx部署单个项目(大多数情况)

server {
  listen       80 default_server;
  listen       [::]:80 default_server;
  server_name  _;
        location / {
            root   /opt/srvhub/dist;
            try_files $uri $uri/ /index.html;
            index  index.html index.htm;
        }
        location /srvhub/ {
            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://localhost:9999/srvhub/;
        }
        # To allow POST on static pages 允许静态页使用POST方法
        error_page  405 =200 $uri;
  error_page 404 /404.html;
      location = /40x.html {
  }
  error_page 500 502 503 504 /50x.html;
      location = /50x.html {
  }
}

2、单个Nginx调用多个后端接口服务地址

server {
  listen       8000 default_server;
  listen       [::]:8000 default_server;
  server_name  _;
        location / {
            root   /opt/srvhub/dist;
            try_files $uri $uri/ /index.html;
            index  index.html index.htm;
        }
  location /magic/web/ {
            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://localhost:9999/magic/workspace/;
        }
        location /srvhub/ {
            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://localhost:9999/srvhub/;
        }
        # To allow POST on static pages 允许静态页使用POST方法
        error_page  405 =200 $uri;
  error_page 404 /404.html;
      location = /40x.html {
  }
  error_page 500 502 503 504 /50x.html;
      location = /50x.html {
  }
}

3、单个Nginx 如何实现部署多个不同的项目

标重点:
root 对应的文件目录不一样
server的监听端口配置为不一样
server {
        listen       8000;
        server_name  localhost;
        location / {
            root   /opt/srvhub/html;
      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://localhost:8880/;
    }
    }
  server {
    listen       9000;
        server_name  localhost;
        location / {
            root   /opt/srvhub/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://localhost:8880/;
    }   
  }

4、nginx.conf内容过多,可以使用外挂的方式来引用外部文件,标签为:include,演示如下:

主文件配置,大部分内容已省略
http {
    server {
        listen       80;
        server_name  localhost;
        client_max_body_size 10M;
  location / {
            root   /opt/hidata/hidbm-vue/ui;
            try_files $uri $uri/ /index.html;
            index  index.html index.htm;
        }
  location /jsrccb {
            alias   /opt/hidata/hidbm-vue/login;
            index  index.html;
        } 
  location /stage-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://localhost:8080/;
  }
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
    include /etc/nginx/conf.d/*.conf;
}
通过include 标签,来引用外挂文件
-bash-4.1# pwd
/etc/nginx/conf.d
-bash-4.1# ls
amis.conf  mysql-repo.conf  srvhub.conf
-bash-4.1# cat amis.conf 
server {
  listen       9090 default_server;
  listen       [::]:9090 default_server;
  server_name  _;
        location / {
            root   /opt/hidata/amis/ui;
            try_files $uri $uri/ /index.html;
            index  index.html index.htm;
        }
  error_page 404 /404.html;
      location = /40x.html {
  }
  error_page 500 502 503 504 /50x.html;
      location = /50x.html {
  }
}
-bash-4.1# 


相关文章
|
2月前
|
负载均衡 监控 应用服务中间件
配置Nginx反向代理时如何指定后端服务器的权重?
配置Nginx反向代理时如何指定后端服务器的权重?
138 61
|
16天前
|
存储 应用服务中间件 nginx
nginx反向代理bucket目录配置
该配置实现通过Nginx代理访问阿里云OSS存储桶中的图片资源。当用户访问代理域名下的图片URL(如 `http://代理域名/123.png`)时,Nginx会将请求转发到指定的OSS存储桶地址,并重写路径为 `/prod/files/2024/12/12/123.png`。
54 5
|
1月前
|
负载均衡 前端开发 应用服务中间件
负载均衡指南:Nginx与HAProxy的配置与优化
负载均衡指南:Nginx与HAProxy的配置与优化
60 3
|
2月前
|
安全 应用服务中间件 网络安全
如何测试Nginx反向代理实现SSL加密访问的配置是否正确?
如何测试Nginx反向代理实现SSL加密访问的配置是否正确?
77 3
|
2月前
|
安全 应用服务中间件 网络安全
配置Nginx反向代理实现SSL加密访问的步骤是什么?
我们可以成功地配置 Nginx 反向代理实现 SSL 加密访问,为用户提供更安全、可靠的网络服务。同时,在实际应用中,还需要根据具体情况进行进一步的优化和调整,以满足不同的需求。SSL 加密是网络安全的重要保障,合理配置和维护是确保系统安全稳定运行的关键。
132 3
|
3月前
|
缓存 监控 负载均衡
nginx相关配置及高并发优化
Nginx的高并发优化是一个综合性的过程,需要根据具体的业务场景和硬件资源量身定制。以上配置只是基础,实际应用中还需根据服务器监控数据进行持续调整和优化。例如,利用工具如ab(Apache Benchmarks)进行压力测试,监控CPU、内存、网络和磁盘I/O等资源使用情况,确保配置的有效性和服务的稳定性。
164 0
|
5月前
|
缓存 前端开发 Java
"揭秘!SpringBoot携手Nginx,性能飙升秘籍大公开:轻松掌握配置优化,让你的应用快如闪电!"
【8月更文挑战第11天】随着微服务架构的发展,SpringBoot成为构建RESTful API的首选,Nginx则作为高性能的反向代理服务器提升应用性能。本文将探讨两者如何协同工作,包括Nginx的负载均衡策略、静态资源缓存及数据压缩配置;同时讨论SpringBoot的线程池优化、缓存策略及性能监控。通过这些方法,帮助开发者显著提高系统的整体性能和可用性。
205 1
|
8月前
|
数据可视化 应用服务中间件 Linux
Nginx 可视化管理工具与 cpolar 配置:实现远程访问本地服务的优化
Nginx 可视化管理工具与 cpolar 配置:实现远程访问本地服务的优化
Nginx 可视化管理工具与 cpolar 配置:实现远程访问本地服务的优化
|
前端开发 应用服务中间件 Linux
Nginx配置指南:如何定位、解读与优化Linux上的Nginx设置
Nginx配置指南:如何定位、解读与优化Linux上的Nginx设置
369 0
|
缓存 负载均衡 安全
【web】Nginx简介、配置优化
文章目录 前言 一、性能优势/运行原理/应用场景 2.1 优势
153 0