CSS/js를 로드하려고 하면 nixOS의 Nginx 역방향 프록시가 404를 반환합니다.

PHP 편집자 Baicao는 nixOS에서 Nginx 역방향 프록시를 사용할 때 때때로 문제에 직면할 수 있다고 소개했습니다. CSS/js를 로드하려고 하면 404 오류가 반환됩니다. 이 문제로 인해 웹사이트의 스타일과 기능이 제대로 표시되지 않을 수 있습니다. 이 문제를 해결하려면 Nginx 구성과 파일 경로가 올바른지 확인하고 프록시 서버가 필요한 정적 리소스에 올바르게 액세스하고 로드할 수 있는지 확인해야 합니다. 신중한 문제 해결과 디버깅을 통해 이 문제를 해결하고 웹사이트의 정상적인 작동을 보장할 수 있습니다.

질문 내용

nixos 来运行 nginx 作为 docker 容器的反向代理。在docker容器中运行一个golang服务器，它使用函数处理/，并从两个文件夹static和js반품 파일을 설정해두었습니다. 포트 8181에서 실행됩니다. 코드는 다음과 같습니다:

으아아아

제 애플리케이션의 구조는 아래와 같습니다.

으아아아

configuration.nix 中 nginx 부분의 구성은 다음과 같습니다.

으아아아

주소를 지정하면 https://server/myapp 时，index.html 将加载，但 style.css 和 htmx.min.js 404가 반환됩니다.

URL(http://server:8181) 대신 포트 8181을 사용하여 컨테이너의 주소를 지정하면 모든 것이 평소대로 로드됩니다.

nginx가 CSS와 js를 컨테이너로 로드하라는 요청을 리디렉션하고 싶습니다.

편집자: 정확한 오류는 get https://server.name/static/style.css net::err_aborted 404 即使我正在访问 https://server.name/myapp입니다.

또 다른 중요한 정보는 동일한 역방향 프록시를 통해 이러한 방식으로 여러 컨테이너를 실행하고 싶다는 것입니다. 따라서 css 또는 js 파일을 동일한 위치로 보내는 것은 작동하지 않습니다. css- 或 js-files 定向到同一位置将不起作用。

解决方法

请检查 index.html

솔루션

파일에서 CSS/js 참조를 확인하세요. 다음과 같은 절대 경로를 통해 참조할 가능성이 높습니다. /myapp 으아아아

빠른 수정은 상대 경로로 바꾸는 것입니다:

으아아아 index.html이 방법은 실수하기 쉽습니다. 더 나은 접근 방식은

:

에서 콘텐츠를 제공하도록 앱을 수정하는 것입니다. 으아아아

그리고

파일의 참조 경로를 수정하세요: /myapp/ 으아아아

그런 다음 nginx 구성을 수정하세요. 🎜 으아아아 🎜이 접근 방식을 사용하면 역방향 프록시 사용 여부에 관계없이 웹 애플리케이션이 항상 uri 🎜에서 제공되므로 유지 관리가 쉬워집니다. 🎜

위 내용은 CSS/js를 로드하려고 하면 nixOS의 Nginx 역방향 프록시가 404를 반환합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!