Nginx Reverse Proxying to Node.js z Rewrite

Question

Mam kilka aplikacji działających za odwrotnym proxy Nginx, z których jednym jest serwer Node z Express.js. Ja buforowania domain.com/demo/app/<path> do localhost:7003/<path> użyciu tego Nginx config:

http { 

    ... 

    server { 

     listen 80; 
     server_name domain.com; 

     ... 

     location /demo/app { 

      proxy_set_header Host $host; 
      proxy_set_header X-Real-IP $remote_addr; 
      proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; 
      proxy_set_header X-Scheme $scheme; 

      rewrite ^/demo/app/?(.*) /$1 break; 
      proxy_pass http://localhost:7003; 
     } 

     ... 
    } 
} 

Działa to doskonale i app odbiera żądania, jakby to było zakorzenione w /. Problem polega na tym, że app obsługuje własne pliki statyczne i może wysyłać żądania dotyczące tras, takich jak css/app.css lub images/image.jpg. Ale z powodu odwrotnego proxy, istnieją one odpowiednio w /demo/app/css/app.css i /demo/app/images/image.jpg.

Rozwiązałem to, pobierając Nginx, aby przekazał do węzła niestandardowy nagłówek wskazujący ścieżkę główną, którą serwer węzła przedkłada pod adresy URL wszystkich kolejnych żądań. Ale teraz mój kod jest zaśmiecony tymi ciągami ścieżki głównej. Na przykład część moich szablonów back-end:

link(rel='stylesheet', href="#{basePath}/css/base.css") 
link(rel='stylesheet', href="#{basePath}/css/skeleton.css") 
link(rel='stylesheet', href="#{basePath}/css/layout.css") 

Co jest bardziej eleganckiego sposobu poradzenia sobie z tym? Czy nie ma sposobu, aby Nginx rozpoznał żądania przychodzące z serwera nadrzędnego i automatycznie przekazał je na ten serwer?

Answer 1

Podjąłem nginx służyć pliki statyczne nawet bez przechodzenia te wnioski do węzła dyrektywy poprzez dodanie do pliku konfiguracyjnego w lokalizacji nginx o aplikacji (co jest wliczone w nginx.conf):

location ~ /(img|js)/ { 
    rewrite ^(.*)$ /public/$1 break; 
} 

location/{ 
    proxy_pass http://localhost:3000/; 
    ... 
} 

w przypadku żądania przychodzi/img lub/js katalog nginx służy odpowiednio do plików z katalogu/public/img lub/public/js. Wszystkie pozostałe żądania są kierowane do węzła.

Możesz dodać więcej katalogów, jeśli potrzebujesz (np./Css lub/views, jeśli przechowujesz szablony, które chcesz używać zarówno w węźle, jak iw przeglądarce) i mają dowolną strukturę katalogów wewnątrz tych katalogów, nginx po prostu dodaje/publiczne dla nich i pobiera pliki stamtąd bez Twojej aplikacji węzła nawet o tym wiedząc.