nginx로 react(frontend)와 fastapi(backend)연동하기

nginx -v //버전 확인

sudo service nginx start //시작

sudo service nginx restart //다시시작

sudo service nginx stop //종료

sudo service nginx status //상태

sudo service nginx reload //리로드

 

nginx 완전삭제

sudo apt-get remove --purge nginx nginx-full nginx-common 

 

 

https://velog.io/@jeff0720/2018-11-18-2111-%EC%9E%91%EC%84%B1%EB%90%A8-iojomvsf0n

Nginx를 사용하여 프록시 서버 만들기

server {
        listen 80;
        server_name {IPv4 퍼블릭IP};
        location / {
                proxy_pass http://127.0.0.1:3000;
                proxy_buffer_size 128k;
                proxy_buffers 4 256k;
                proxy_busy_buffers_size 256k;
        }
        location /api {
                proxy_pass http://127.0.0.1:8000;
               proxy_buffer_size 128k;
                proxy_buffers 4 256k;
                proxy_busy_buffers_size 256k;
        }
}


** /etc/nginx/sites-available default 파일은 없애도 괜찮음.
   

   root {리액트 build 폴더 경로}
   경로는 build 폴더로 가서 pwd 입력하면 알 수 있음.

 

**다른 예시 https://gist.github.com/iliakan/216b55fd07ec6258c210

 

 

https://velog.io/@dgh03207/Nginx-%EB%A6%AC%EB%B2%84%EC%8A%A4-%ED%94%84%EB%A1%9D%EC%8B%9C%EB%B0%B1%EC%97%94%EB%93%9C%EB%9E%91-%ED%94%84%EB%A1%A0%ED%8A%B8%EB%A5%BC-%EA%B0%99%EC%9D%80-%ED%8F%AC%ED%8A%B880%ED%8F%AC%ED%8A%B8%EB%A1%9C-%EC%97%B0%EA%B2%B0

Nginx 리버스 프록시 (백,프론트를 같은 포트(80포트)로 연결)

 

<fastapi>

gunicorn stop 

https://www.reddit.com/r/learnpython/comments/9aq8qc/how_to_stop_gunicorn/

pgrep -f gunicorn

pkill -f gunicorn

 

<react>

pm2 명령어

 

실행 : 

https://cheese10yun.github.io/PM2/

pm2 start --name "이름" npm -- start

pm2 start npm --name "{app_name}" -- run {script_name}

 

 

리스트 확인 : pm2 list

중지 : pm2 stop <app_name>

재시작 : pm2 restart <app_name>

삭제 : pm2 delete <app_name>