解决：Nginx前后端分离之多个前端的配置

ゝ一世哀愁。 2023-07-20 12:08 4阅读 0赞

### 1、业务场景 ###

根据业务需求，前端代码需要区分主业务代码，子业务代码这种前端拆分的情况。

### 2、解决方案 ###

以相对路径的根，进行路由。

### 2、配置文件 ###

server {
            listen       9207;
            server_name  192.168.30.158;
            root /home/qdfinance/apps/pages/insure_wx/;
    
            #前端附属业务代码页面 以相对路径的根/h5进行路由
            location /h5/ {
              root    /home/qdfinance/apps/pages/insure_wx_h5/;
              add_header Cache-Control "no-cache, no-store";
              rewrite ^/h5/(.*)$ /index.html  break;
            }
    		#反向代理tomcat服务
            location / {
               proxy_set_header Host $host:$server_port;
               proxy_pass   http://192.168.80.192:8098/;
               root /home/qdfinance/apps/pages/insure_wx/;
               error_page 404 /index.html;
            }
    		#前端主业务代码页面
            location   = / {
              root /home/qdfinance/apps/pages/insure_wx/;
              add_header Cache-Control "no-cache, no-store";
            }
            location /index.html {
              root  /home/qdfinance/apps/pages/insure_wx/;
              add_header Cache-Control "no-cache, no-store";
            }
            location /statich5/ {
               root /home/qdfinance/apps/pages/insure_wx_h5/; 
            } 
      
            location /static/ {
              root  /home/qdfinance/apps/pages/insure_wx/;
            }
            location /detail/ {
              rewrite ^/(.*)$ /index.html last;
            }
    		location /me {
              rewrite ^/(.*)$ /index.html last;
            }
            location /login/ {
              rewrite ^/(.*)$ /index.html last;
            }
            location /customer {
              rewrite ^/(.*)$ /index.html last;
            }
            location /customer-add {
              rewrite ^/(.*)$ /index.html last;
            }
            location /subscribe {
              rewrite ^/(.*)$ /index.html last;
            }
            location /order {
              rewrite ^/(.*)$ /index.html last;
            }
            location /order-detail {
              rewrite ^/(.*)$ /index.html last;
            }
            location /main {
              rewrite ^/(.*)$ /index.html last;
            }
            location /auth {
              rewrite ^/(.*)$ /index.html last;
            }
            location /policy {
              rewrite ^/(.*)$ /index.html last;
            }
            location /intellect {
              rewrite ^/(.*)$ /index.html last;
            }
    		location /intellectanswerlist {
              rewrite ^/(.*)$ /index.html last;
            }
    		location /immed {
              rewrite ^/(.*)$ /index.html last;
            }
            location /docking {
              rewrite ^/(.*)$ /index.html last;
            }
    		location /success {
    
              rewrite ^/(.*)$ /index.html last;
            }
    		location /error {
              rewrite ^/(.*)$ /index.html last;
            }
        }