제로초님 안녕하세요🙇♂️😄 nginx 설정과 관련된 질문드립니다.
제로초님 안녕하세요🙇♂️😄 nginx 설정과 관련된 질문드립니다.
일전에 하나의 EC2에 프론트와 백엔드를 배포하기 위해선 어떤 주의사항을 주실 수 있는지 여쭈었습니다.
😸제로초님께서 "각각의 주소와 포트를 어떻게 하실지 정하셨나요? 한 인스턴스에서 두 개의 서버를 돌리는 경우 nginx를 도입하시는 게 좋습니다." 와 같이 답변을 주셨습니다.👨🏫
그래서 제로초님 영상과 강의를 보면서 nginx를 통해 도메인 주소로 들어오는 요청 가령, 'https://ham.com'을 'http://127.0.0.1:3080' 으로 리버시 프록시하는 작업을 성공했습니다. 덕분에 도메인 주소로 접속할 경우 화면이 정상적으로 출력되는 부분까지는 완성을 했습니다.
그런데 한 단계 더 나아가고자 하니 약간의 어려움이 생겼습니다.😂😂 프론트와 백엔드는 같은 인스턴스 안에 있으니 axios에서 'http://127.0.0.1:3000(백엔드 주소)' 로 바로 요청을 보내면 되지 않을까 생각하여 특별한 설정없이, local 환경에서 작업한대로 진행했는데, cors 에러가 발생했습니다.🙄
그래서 강의 내용을 다시 돌아보니 6-9 도메인 연결하기 강의👨🏫에서 "반드시 도메인을 가지고 있어야지만 요청이 전송이 된다"고 말씀해주신 부분을 확인했습니다.
그래서 이 부분과 관련해 몇가지 질문드립니다.🙋♂️
1. 그렇다면 백엔드 서버로 요청을 보내기 위한 프론트엔드 axios baseURL 설정 부분에도 백엔드의 IP 주소가 아니라 도메인 주소가 자리해야 하는 것인지 궁금합니다.
2. 혹시 지금 이 상황을 해결하려면 nginx에서 프론트엔드와 백엔드 양쪽으로 리버스 프록시를 해야 하는 걸까요?
3. 제가 막히고 있는 지점을 설명드리고 배움을 얻고자 하였는데, 혹시 제가 놓치고 있는 설정이나 부분이 있다면 혹시 말씀을 부탁드릴 수 있을까요?
감사합니다. 제로초님🙇♂️
답변 2
1
네 cors 에러는 IP로 하는 경우는 해결하기 힘듭니다. 그런데 3000번 포트에 어드민을 두셨다고 하셨으니 ham.com:3000으로 요청을 보내면 되지 않나요? 대신 3000번 포트는 EC2 방화벽 인바운드에서 허용을 해주셔야 겠지요.
npm run dev 할 때 에러가 발생합니다.
0
143
1
해당 강의는 리뉴얼 예정은 따로 없나요?
0
326
1
강의는 언제까지 업데이트 된 내용인가요?
0
328
2
실습 환경 문의(Node 버전)
0
363
1
로그인 새로고침시 풀림
0
289
1
안녕하세요! 로그인 유지 질문 드립니다!
0
401
1
웹 서버 관련해서 질문드립니다.
0
439
1
버전때매 질문 드립니다!!
0
311
1
이 강의는 vue3는 아닌가요??
0
370
1
vsCode에 관한 질문입니다
0
487
1
v.trim()이 타입에러가 뜹니다...
0
341
1
express.static('uploads')
0
341
2
STRING이 인식이 안되는데 이유알수있을까요?
0
444
2
<v-lsit-item-title> 에러
0
407
2
vue cli 를 실무에서도 사용하지 않으시나요?
0
317
1
선생님 처음 환경 셋팅 관련 문의드립니다.
0
383
1
nuxtServerInit 무한 로딩
0
971
3
Nginx Cookie 설정
0
720
2
상태가 204번인경우에는 어떻게 처리를 해야하나요?
0
290
1
선생님 nuxt 관련질문드립니다.
0
347
1
인덱스 비교로 삭제해도 될까요?
0
381
1
질문 드립니다!
0
329
2
안녕하세요
0
224
1
궁금한점이있습니다
0
234
1





