Nginx를 통해 서버에서 역방향 프록시 OctoPrint 서버에 CSS/JS 파일이 표시되지 않습니다.

Question

웹 사이트 https://example.com에서 실행중인 Nginx 서버가 있습니다. http://1.2.3.4:1988에서 제공되는 다른 원격 서버에서 소유 한/관리자 인 역 프록시를 통해 페이지 (OctoPi에서)를 제공하려고합니다.

메인 페이지를 https://example.com/foo/에 게재 할 수 있지만 CSS 및 js 파일이로드되지 않습니다. 콘솔에 https://example.com/foo/static/webassets/packed_libs.css과 같은 파일에 404 오류가 있음을 보여줍니다. https://1.2.3.4:1988/foo/static/webassets/packed_libs.css에 액세스하면 CSS 파일을 읽을 수 있습니다.

/etc/nginx/sites-available/default의 nginx 설정 파일은 아마도 fubar-ed이지만, 오류나 액세스 로그가 잘못된 것을 노출하고 OctopPi의 haproxy 로그를 기록하지 않기 때문에 어디에서 추측 할 수없는 것 같습니다.

Nginx의 설정 파일 : 나는 후손에 대한 관련 부분이 포함됩니다 https://github.com/foosel/OctoPrint/wiki/Reverse-proxy-configuration-examples

:

server { 
    listen 80; 
    server_name www.example.com; 
    listen [::]:80 default_server; 
    return 301 https://example.com$request_uri; 
} 

server { 
    listen 443 ssl; 
    server_name www.example.com; 
    return 301 https://example.com$request_uri; 
    listen 443 ssl; # managed by Certbot 
    ssl_certificate /etc/letsencrypt/live/example.com/fullchain.pem; 

    # managed by Certbot 
    ssl_certificate_key /etc/letsencrypt/live/example.com/privkey.pem; # managed by Certbot 
    include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot 
    ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot 
    server_name www.example.com; 
    return 301 https://example.com$request_uri; 
} 

server{ 
    listen 80; 
    server_name example.com; 
    root /var/www/example.com/public; 

    location/{ 
     try_files $uri $uri/ /index.php$is_args$args; 
     include /etc/nginx/mime.types; 
     default_type application/octet-stream; 
    } 

    location ^~ /foo { 
     # Redirecting via reverse proxy to OctoPi server 
     proxy_pass http://1.2.3.4:1988/; 
     proxy_redirect default; 
     proxy_set_header Host $host; 
     proxy_set_header Upgrade $http_upgrade; 
     proxy_set_header Connection "upgrade"; 
     proxy_set_header X-Real-IP $remote_addr; 
     proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; 
     include mime.types; 
     sub_filter '/i18n/' '/foo/i18n/'; 
     sub_filter '/static/' '/foo/static/'; 
     sub_filter_once off; 
    } 

    location /foo/sockjs { 
     proxy_pass http://1.2.3.4:1988/; 
     proxy_http_version 1.1; 
     proxy_redirect off; 
     proxy_set_header Upgrade $http_upgrade; 
     proxy_set_header Connection "upgrade"; 
     proxy_set_header Host $host; 
     proxy_set_header X-Real-IP $remote_addr; 
    } 

    error_page 404 /404.html; 
    error_page 500 502 503 504 /50x.html; 

    location = /50x.html { 
     root /var/www/example.com/public; 
    } 

    location ~ \.php$ { 
     include snippets/fastcgi-php.conf; 

     # With php7.0-cgi alone: 
     # fastcgi_pass 127.0.0.1:9000; 
     # With php7.0-fpm: 
     fastcgi_pass unix:/run/php/php7.0-fpm.sock; 
    } 

    listen 443 ssl; # managed by Certbot 
    ssl_certificate /etc/letsencrypt/live/example.com/fullchain.pem; # managed by Certbot 
    ssl_certificate_key /etc/letsencrypt/live/example.com/privkey.pem; # managed by Certbot 
    include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot 
    ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot 
    if ($scheme != "https") { 
     return 301 https://$host$request_uri; 
    } # managed by Certbot 

} 

Answer 1

나는 여기에 내 질문에 대한 문서를 발견, 그러나

server { 
      listen  80; 
      server_name localhost; 

      location /foo { 
       proxy_pass http://1.2.3.4:1988; # NO trailing slash here! 
       proxy_set_header Host $http_host; 
       proxy_set_header Upgrade $http_upgrade; 
       proxy_set_header Connection "upgrade"; 
       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; 

       client_max_body_size 0;  
      } 
      ... 

를 I 나는 설정과 사용법에 대해 더 잘 알고 있기 때문에 아파치로 돌아갔다.