반응형 nginx3 [React] Nginx 배포 시 하위 Route 에서 404 에러 날때 React 개발 시 잘 됐는데 nginx 로 배포했는데 root index는 잘 나오는데 단순한 localhost/login 이런것도 404 로 나올 때 우선 봐야할 게 nginx.conf 에서 try_files 살펴봐야 합니다. server { listen 80; localhost / { root /app/build; index index.html; try_files $uri $uri/ /index.html; } } 저의 경우엔 try_files 설정만 넣으니까 잘되네요. 2020. 4. 3. [Nginx] nginx.conf 에 Proxy 설정 nginx.conf 에 Proxy 설정 upstream app { server localhost:8080; } server { listen 80; localhost / { root /app/build; index index.html; try_files $uri $uri/ /index.html; } localhost /api { proxy_pass http://app; } } localhost / app { proxy_pass http://app; } proxy 설정이 없을 때는 그냥 localhost/api 이지만 위와 같은 설정이 있을 때는 해당 서버의 8080 포트로 넘긴다는 설정입니다. 예를들면 react 등 에서 fetch('/api/something')... 처럼 사용했을 때 경로에 /api 가.. 2020. 4. 3. [Docker] Nginx + React + Docker 컨테이너 실행 Docker 에 Nginx container 실행해서 React 띄우기. 지난 포스트에서 centos7 로 실행한 container 에 nginx 를 직접설치해서 실행했었는데요. 웹서버만 필요한 container 를 만들기 위해 nginx 이미지를 사용해서 container를 만들어보겠습니다. 이번엔 Dockerfile 을 이용할 겁니다. 아래 포스트로 이동합니다. 약간~~~ 더 잘되는 nginx 설정 방법. 2020/04/01 - [Docker] - [Docker] react + nginx + Dockerizing 따라하기 [Docker] react + nginx + Dockerizing 따라하기 Docker Nginx에 React 띄워서 배포 Dockerfile 을 이용해서 Docker image 를.. 2020. 3. 28. 이전 1 다음 728x90 반응형
