nginx phục vụ từ tĩnh nếu không tìm thấy thử reverse proxy

Question

Tôi có một ứng dụng được phát triển bằng cách sử dụng angularjs và toàn bộ ứng dụng tải khi dist/folder được truy cập.

gì đang cố gắng todo là, khi trang không tìm thấy trên angularjs, thử trên một reverse proxy, tôi đã cố gắng để làm việc thiết lập dưới đây nhưng nginx không cho phép thiết lập cùng một vị trí hai lần trong khối duy nhất

server { 
    listen 80; 
    server_name example.com; 
    keepalive_timeout 60; 
    client_max_body_size 10M; 
    root /var/lib/www/dist; 
    charset utf-8; 

    location/{ 
     expires -1; 
     add_header Pragma "no-cache"; 
     add_header Cache-Control "no-store, no-cache, must-revalidate, post-check=0, pre-check=0"; 
     root /var/lib/www/dist; 
     try_files $uri $uri/ /index.html =404; 
    } 

    location/{ 
     proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; 
     proxy_set_header Host $http_host; 
     proxy_redirect off; 
     proxy_buffering off; 
     proxy_http_version 1.1; 
     proxy_set_header Connection ""; 
     if (!-f $request_filename) { 
      proxy_pass http://app_root; 
      break; 
     } 
    } 

    error_page 500 502 503 504 /500.html; 
    location = /500.html { 
     root /var/lib/app/etc/templates; 
    } 

} 

về cơ bản, nếu URL 404'ed trên angularjs tôi muốn thử và chuyển nó đến proxy_pass http://app_root; bất kỳ ai có thể tư vấn về cách đạt được thiết lập này?

Cảm ơn,

CẬP NHẬT

Vì vậy, đang cố gắng tiếp cận được đề xuất bởi "Mohammad AbuShady", và cập nhật cài đặt nginx của tôi để sau, nhưng vẫn không làm việc, thay vào đó nó cố gắng để tìm trang trong AngularJS ứng dụng và không di chuyển đến các thiết lập up_stream @proxy

upstream app_root { 
    server unix:/tmp/app_root.sock fail_timeout=0; 
} 

server { 
    listen 80; 
    server_name example.com; 
    keepalive_timeout 60; 
    client_max_body_size 10M; 
    root /var/lib/www/dist; 
    charset utf-8; 

    location/{ 
     expires -1; 
     add_header Pragma "no-cache"; 
     add_header Cache-Control "no-store, no-cache, must-revalidate, post-check=0, pre-check=0"; 
     root /var/lib/www/dist; 
     try_files $uri$args $uri$args/ $uri/ /index.html @proxy; 
    } 

    location @proxy { 
     proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; 
     proxy_set_header Host $http_host; 
     proxy_redirect off; 
     proxy_buffering off; 
     if (!-f $request_filename) { 
      proxy_pass http://app_root; 
      break; 
     } 
    } 

    error_page 500 502 503 504 /500.html; 
    location = /500.html { 
     root /var/lib/app/etc/templates; 
    } 

} 

Answer 1

Bạn đang hơn suy nghĩ nó, một địa điểm duy nhất có thể xử lý nó và sau đó cung cấp cho nó một fallback

location/{ 
    # omitted extra settings 
    # check notes below 
    try_files $uri @proxy; 
} 

location @proxy { 
    # omitted proxy settings 
    proxy_pass http://app_root; 
} 

Ghi chú:

1. Không cần cho một gốc thứ hai bên trong vị trí, nó đã được xác định trong khối máy chủ
2. Tôi đã xóa $uri/ vì bạn không có index trong máy chủ của mình.

3. tôi cũng loại bỏ /index.html, nếu bạn muốn sử dụng nó thì bạn có thể muốn xác định nó như là chỉ mục trong khối máy chủ và đặt $uri/ lại

   server { 
       index index.html; 
       location/{ 
       try_files $uri $uri/ @proxy; 
       } 
   } 
   

4. Tôi không có ý tưởng nơi app_root, nhưng Tôi cho rằng đó là một thượng lưu được định nghĩa ở một nơi khác.

Answer 2

Cố gắng Mo này:

server { 
listen 80; 
server_name example.com; 
keepalive_timeout 60; 
client_max_body_size 10M; 
root /var/lib/www/dist; 
charset utf-8; 

location/{ 
    expires -1; 
    add_header Pragma "no-cache"; 
    add_header Cache-Control "no-store, no-cache, must-revalidate, post-check=0, pre-check=0"; 
    root /var/lib/www/dist; 
    try_files $uri $uri/ /index.html =404; 
    error_page 404 = @404; 
} 

location/{ 
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; 
    proxy_set_header Host $http_host; 
    proxy_redirect off; 
    proxy_buffering off; 
    proxy_http_version 1.1; 
    proxy_set_header Connection ""; 
    if (!-f $request_filename) { 
     proxy_pass http://app_root; 
     break; 
    } 
} 

location @404 { 
    proxy_pass http://app_root; 
} 

error_page 500 502 503 504 /500.html; 
location = /500.html { 
    root /var/lib/app/etc/templates; 
} 

}