리액트와 플라스크로 만든 프로젝트를 엔진엑스로 배포하려고 합니다.

Question

uwsgi.ini랑 nginx.conf 작성하고,플라스크랑 엔진엑스 각각 도커 컨테이너를 도커 컴포즈로 연동해서 백엔드 서버까지는 띄우는 데 성공했습니다.그런데 여기에다가 정적 파일(리액트 빌드 결과물)을 어떻게 포함시켜야 될지는 막막하네요...혹시 엔진엑스 컨테이너가 여러개 필요한걸까요?

킹포링 (INTP) · Accepted Answer

리액트로 만든 프로젝트를 엔진엑스로 배포할 때, 엔진엑스는 정적 파일을 처리하고 플라스크는 동적 요청을 처리해야합니다. 따라서 정적 파일은 엔진엑스 컨테이너에서 처리해야합니다.정적 파일을 포함시키는 방법은 크게 두 가지가 있습니다. 첫 번째는 리액트 앱을 빌드하고, 정적 파일을 별도의 디렉토리에 저장한 다음, 이를 엔진엑스 컨테이너에서 제공하는 정적 파일 서비스를 이용해 서빙하는 것입니다.두 번째 방법은 리액트 앱을 빌드할 때, 정적 파일을 Flask 애플리케이션에 포함시키는 것입니다. 이를 위해서는 Flask 애플리케이션에서 static_url_path를 설정하고, 리액트 앱을 빌드한 결과물을 해당 경로에 복사해야합니다. 이후 Flask 애플리케이션에서 해당 경로로 요청이 들어오면 정적 파일을 서빙하도록 설정합니다.엔진엑스 컨테이너를 여러 개 띄울 필요는 없습니다. 하나의 엔진엑스 컨테이너에서 정적 파일과 동적 요청을 모두 처리할 수 있습니다. 다만, 엔진엑스 컨테이너에서 정적 파일 서비스를 위한 설정을 추가해야합니다. 이 설정은 nginx.conf 파일에 추가하면 됩니다.정적 파일을 서빙하는 설정 예시:location /static/ { alias /path/to/static/files/; } Flask에서 static_url_path를 설정하는 방법:app &#61; Flask(__name__, static_url_path&#61;'/static') 위 설정을 적용하면, 리액트 앱을 빌드한 결과물을 /path/to/static/files/에 저장하고, 엔진엑스에서는 /static/ 경로로 요청이 들어오면 해당 디렉토리에 있는 정적 파일을 서빙합니다. 동시에, Flask에서는 /static/ 경로로 들어오는 요청을 받으면 정적 파일을 서빙하는 역할을 합니다.

리액트와 플라스크로 만든 프로젝트를 엔진엑스로 배포하려고 합니다.

1개의 답변

Q&A 목록