nginx实现前后端分离

最新推荐文章于 2025-04-28 13:58:23 发布

原创最新推荐文章于 2025-04-28 13:58:23 发布 · 803 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#nginx实现前后端分离

运维管理同时被 2 个专栏收录

89 篇文章

订阅专栏

服务器管理

27 篇文章

订阅专栏

博客介绍了使用nginx实现前后端分离。利用nginx反向代理更安全，可将后端代码放内网，通过nginx与外网连接，还给出了nginx.conf配置文件的两种方式，最后说明了重新加载nginx使其生效的命令：nginx/sbin/nginx -s reload。

1、nginx.conf配置文件

使用nginx反向代理的一个优点就是，更安全。将后端代码逻辑放到内网服务器，且外网不可直接连接，只能通过nginx这台服务器做一个中间桥梁，和外网建立连接。

方式一：

 upstream tomcat {
#     server 192.168.220.2:8080  max_fails=5 fail_timeout=30s;  
    server 127.0.0.1:8080  max_fails=5 fail_timeout=30s;
  }
  upstream nginx {
#    server 192.168.220.2:81  max_fails=5 fail_timeout=30s;  
   server 127.0.0.1:80  max_fails=5 fail_timeout=30s;
  }

  server {
        listen 80;
        server_name pc.ddyunf.com;
        error_page 404 /index.html;
 
        location ~ .*\.(pdf|js|css|less|ico|htm|html|gif|jpg|jpeg|png|json|txt|wav|woff|svg|eot|ttf|)$ {
              #proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
              #proxy_set_header Host $http_host;
              #proxy_set_header Cookie $http_cookie;
              #proxy_set_header X-Forwarded-Proto http;
              root /opt/web/pch5/ ;
              index  index.html index.htm;
#	      proxy_pass http://nginx;
        }

        location / {
              proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
              proxy_set_header Host $http_host;
              proxy_set_header Cookie $http_cookie;
              proxy_set_header X-Forwarded-Proto http;
              proxy_intercept_errors on;      
              proxy_redirect off;
              proxy_connect_timeout      240;
              proxy_send_timeout         240;
              proxy_read_timeout         240;
              client_max_body_size  3m;
              # note, there is not SSL here! plain HTTP is used
              proxy_pass http://tomcat;
        }
        
  }

方式二：

    server {
        listen       9002;
        server_name  192.168.30.153;
        root /home/qdfinance/apps/pages/hr/;


       location / {
         proxy_set_header Host $host:$server_port;
         proxy_pass   http://192.168.30.153:8089/;
       }
       location   = / {
          root /home/qdfinance/apps/pages/hr/;
          add_header Cache-Control "no-cache, no-store";
       }
        location /index.html {
          root  /home/qdfinance/apps/pages/hr/;
          add_header Cache-Control "no-cache, no-store";
        }

        location /static/ {
          root  /home/qdfinance/apps/pages/hr/;
        }


    }