안녕하세요. nginx에서 proxy_pass 관련해서 에러가 나서 질문올립니다.

Question

현재 하나의 aws 인스턴스 내에서 프론트엔드와 백엔드를 실행 중입니다.리액트는 nginx로, node는 express로 실행했습니다.도메인을 사고, https 설정을 하는데 api 통신에서 문제가 생겼습니다.axios url을 https://www.[도메인이름].com 으로 한 경우입니다.리액트에서 https://www.[도메인이름].com/api/~~로 요청을 보냅니다. 이때, 웹 사이트에 접속하는 url에 따라서 404에러가 뜹니다.https://www.[도메인이름].com 으로 접속을 하면 api호출 시에 404에러가 뜹니다.하지만,https://[도메인이름].com 으로 접속을 하면 api호출이 정상적으로 진행됩니다.반대의 경우입니다. axios url을 https://[도메인이름].com 으로 한 경우입니다.리액트에서 https://[도메인이름].com/api/~~로 요청을 보냅니다. 이때, 웹 사이트에 접속하는 url에 따라서 404에러가 뜹니다.https://www.[도메인이름].com 으로 접속을 하면 api호출이 정상적으로 진행됩니다.하지만,https://[도메인이름].com 으로 접속을 하면 api호출 시에 404에러가 뜹니다.어느 부분이 잘못됐는지 알 수 없어서 질문드립니다.우선 nginx의 conf파일입니다.백엔드에서는 /api/~~로 이루어진 api를 처리합니다.server { server_name [도메인이름].com www.[도메인이름].com; location / { root /home/ubuntu/[프론트엔드 파일 위치]/build; index index.html index.htm; try_files $uri $uri/ /index.html; } location /api { proxy_pass http://localhost:8888; 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; } listen 443 ssl; # managed by Certbot ssl_certificate /etc/letsencrypt/live/[도메인]/fullchain.pem; # managed by Certbot ssl_certificate_key /etc/letsencrypt/live/[도메인]/privkey.pem; # managed by Certbot include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot } server { if ($host &#61; www.[도메인이름].com) { return 301 https://$host$request_uri; } # managed by Certbot if ($host &#61; [도메인이름].com) { return 301 https://$host$request_uri; } # managed by Certbot listen 80; server_name [도메인이름].com www.[도메인이름].com; return 404; # managed by Certbot }

kenu,전독시 · Answer

개발 프로젝트 팀에서 하나로 통일하면 되지 않을까요?www 무조건 쓰거나, 안 쓰게 코딩을 하거나 말이죠.

MungGaeDev · Answer

아래쪽 서버 블럭을server { listen 80; server_name [도메인이름].com www.[도메인이름].com; return 301 https://$host$request_uri; }이렇게 고쳐 보세요.뭔가 http => https 넘기는 과정에 문제가 있는것 같네요.

안녕하세요. nginx에서 proxy_pass 관련해서 에러가 나서 질문올립니다.

2개의 답변

#express 목록