NGINX phục vụ nhiều ứng dụng góc cạnh - lỗi thiếu tệp tĩnh

Có nhiều hơn 1 ứng dụng góc được cung cấp bởi proxy ngược nginx duy nhất. Đây là cấu hình của tôi, tôi đã thử.

worker_processes 1;

error_log <%= ENV["APP_ROOT"] %>/nginx/logs/error.log;
sự kiện { worker_connections 1024; }

http {

    client_max_body_size 3G;
    
    
    log_format upstream_time '$remote_addr - $remote_user [$time_local] '
                             '"$request" $status $body_bytes_sent '
                             '"$http_referer" "$http_user_agent" '
                             'rt="$request_time" uct="$upstream_connect_time" uht="$upstream_header_time" urt="$upstream_response_time" ua="$upstream_addr" ';
                             
    access_log <%= ENV["APP_ROOT"] %>/nginx/logs/access.log upstream_time;  
        
    người phục vụ {
        lắng nghe <%= ENV["PORT"] %>;
        máy chủ_tên máy chủ cục bộ;
        gốc <%= ENV["APP_ROOT"] %>/public;
        
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto $scheme;
        proxy_http_version 1.1;
        
        #springboot vi dịch vụ
        vị trí /monitoringserv/details/ {
            <% nếu ENV["FORCE_HTTPS"] %>
                nếu ($http_x_forwarded_proto != "https") {
                trả lại 301 https://$host$request_uri;
                }
            <% hết %>           
            proxy_pass https://monitoring-c-serv.apps-dev.net;
            }
        
        vị trí /dashboardserv/queue/ {
            <% nếu ENV["FORCE_HTTPS"] %>
                nếu ($http_x_forwarded_proto != "https") {
                trả lại 301 https://$host$request_uri;
                }
            <% hết %>           
            proxy_pass https://dashboard-c-serv.apps-dev.net;
            }
                
        #trang đích giao diện người dùng mặc định
        vị trí ~ .(html|js|css|eot|svg|ttf|woff|woff2|png|gif|ico|jpg|jpeg)$ {                                    
            proxy_pass https://dashboard.apps-dev.net;
        }
                                
        vị trí ~ ^/admin/.*\.(html|js|css|eot|svg|ttf|woff|woff2|png|gif|ico|jpg|jpeg)$ {
                try_files $request_uri $request_uri/ =404;  
        }

        vị trí ~ ^/monitoring/.*\.(html|js|css|eot|svg|ttf|woff|woff2|png|gif|ico|jpg|jpeg)$ {    
                try_files $request_uri $request_uri/ =404;  
        }
                        
        #1-URL giao diện người dùng mặc định.
        địa điểm / {            
            proxy_pass https://dashboard.apps-dev.net;
        }
        
        vị trí /quản trị viên/ {          
            proxy_pass https://admin.apps-dev.net;;
        }
        
        vị trí /giám sát/ {         
            proxy_pass https://monitoring.apps-dev.net;;
        }
    }
}

Đồng thời xây dựng các ứng dụng góc cạnh với

xây dựng --prod --base-href /admin/
ng build --prod --base-href /monitoring/

Khi tôi khởi chạy ứng dụng bảng điều khiển của ứng dụng đã mở tốt và khi tôi tải quản trị viên hoặc giám sát, tôi gặp lỗi thông báo thiếu tệp tĩnh.

Vấn đề với regex, hãy thử

vị trí ~ ^/admin/.*\.(html|js|css|eot|svg|ttf|woff|woff2|png|gif|ico|jpg|jpeg)$ {
    try_files $request_uri $request_uri/ =404;  
}
vị trí ~ ^/monitoring/.*\.(html|js|css|eot|svg|ttf|woff|woff2|png|gif|ico|jpg|jpeg)$ {    
    try_files $request_uri $request_uri/ =404;  
}

ồ, và đừng quên khởi động lại nginx và xóa bộ nhớ cache của trình duyệt.