AWS로 배포한 사이트의 오류 질문

Question

안녕하세요 다니던 직장을 그만두고 포트폴리오를 준비하려하는 취준생 입니다. 포트폴리오용으로 만든 제 리액트 프로젝트를 aws에 배포하려하는 중 문제가 생겨 질문 드립니다.현재 인터넷 강의를 보면서 aws 인프라를 구축하여 vpc-서브넷-alb-ec2까지 모두 보안 그룹과 함께 생성이 완료된 상황입니다.문제는 ec2에 리액트 프로젝트를 build 한 후 nginx 서버를 실행한 상태인데 등록한 도메인으로 접속하려하면 500 에러가 발생하고 있습니다.nginx가 실행되고 있는 ec2 서버 내부에서 localhost 대상으로 curl -v를 실행하면 정상적인 응답이 오지만 도메인으로 curl -v를 실행하면 500 에러가 발생하는 것을 확인하였습니다.서버 내부에서는 되지만 외부에선 안되는 것을 봤을 때 nginx 설정이 정상적이지 않은 것인가 싶습니다.제가 작성한 설정 파일에 문제가 있는지 가르쳐 주시면 열심히 따르겠습니다.감사합니다.server {listen 80;server_name www.도메인.net 도메인.net;location / {root /root/리액트 프로젝트 폴더/build;index index.html;try_files $uri $uri/ /index.html;}location ~* \.(jpg|jpeg|png|gif|ico|css|js|woff|woff2|ttf|svg|eot)$ {expires 30d;add_header Cache-Control &#34;public, max-age&#61;2592000&#34;;access_log off;}error_page 404 /index.html;location &#61; /favicon.ico { access_log off; log_not_found off; }location &#61; /robots.txt { access_log off; log_not_found off; }location /api/ {# 이 부분이 프록시 설정입니다.proxy_pass http://localhost:3000; # 3000번 포트로 전달proxy_http_version 1.1;proxy_set_header Upgrade $http_upgrade;proxy_set_header Connection 'upgrade';proxy_set_header Host $host;proxy_cache_bypass $http_upgrade;}access_log off;error_log /var/log/nginx/react-app_error.log error;sendfile off;}&#43;&#43;&#43; 설명이 부족한 부분이 있어 추가합니다. 현재 nginx는 80번 포트에서 실행중이고, node(react)가 3000번 포트에서 실행되고 있습니다.

カワウソ · Accepted Answer

ELB 에서 EC2 까지 트래픽이 전달되지 않을 수 있다는 걸 무시하고 있습니다.아무래도 비용 발생 또는 잘 모르는 관계로 ALB 액세스 로그가 저장되도록 옵션을 선택하진 않았을 것 같은데이 경우 Nginx의 Access Log는 끄지 마세요. 원인 파악에 도움이 되지 않습니다.

AWS로 배포한 사이트의 오류 질문

1개의 답변

Q&A 목록