inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

개발자를 위한 쉬운 도커

docker compose 사용시 프론트엔드에서 백엔드 연결

해결된 질문

396

작성자 없음

작성한 질문수 0

0

프론트엔드를 nextjs를 사용하고, 백엔드는 nestjs를 사용중입니다.

 

nextjs에서 .env파일에 backend_url을 입력해놓고, nextjs에서 process.env.backend_url 을 통해서 사용중입니다.

 

docker compose를 사용하여 백엔드와 프론트엔드를 실행 시키면 같은 docker network에 붙어있고

compose의 프론트엔드에 environment에 backend_url을 backend이름으로 적었을 경우

backend url이 아닌 현재 url을 불러옵니다.

 

어디가 문제일까요?

docker 가상화 ci/cd docker-compose github-actions docker-volume container

답변 1

1

황현우

Jay님 안녕하세요, 데브위키입니다.

backend url이 아닌 현재 url을 불러온다는 부분이 백엔드 API로 호출하는 부분을 말씀하시는 것일까요?

nextjs에서 process.env.backend_url 을 통해서 사용하시는 부분이 잘 설정되어 있는지 한 번 확인해 보셔야 할 것 같습니다.

캡처 화면이나 코드를 보여주시면 더 구체적으로 도움을 드릴 수 있을 것 같습니다!

0

황현우

Jay님 안녕하세요.

애플리케이션을 실행해서 예식장 추가를 해보니 개발자 도구의 network 탭에서 보내는 API가

http://localhost/admin/wedding-backend/company/saveCompanyInfo 로 뜨고 404 에러가 발생하는 것 같습니다.

코드나 환경 변수 상에는 문제가 없어 보이기 때문에 프레임워크의 동작원리를 파악한 후에 문제를 해결해야 할 것으로 보입니다.

해당 부분이 코드 상에는 ${process.env.NEXT_PUBLIC_SERVER_URL}/company/saveCompanyInfo 로 작성되어 있는 것 같은데 실제 호출되는 주소가 조금 이상하네요.

 

먼저 개발하실 때는 fetch에서 주소를 어떻게 사용하셨었나요?

33강 도커 빌드 강의의 docker file

0

37

1

개발환경에서 도커 설정

1

97

2

vscode 터미널 설정 관련 질문

0

100

1

쿠버네티스 강의 언제 나오나요..

2

128

2

postgresql-repmgr:15 지원 종료에 따른 대체 이미지 변경 질문드립니다!

1

186

2

섹션 9. 레이어 관리에서 alpine OS 사용 관련 질문 있습니다!

1

70

2

도커 가상 네트워크와 Stateless 특징 관련 질문

1

74

2

우분투 설치

0

70

2

도커 보안을 실무에서 어떻게 대비하시는지 궁금합니다.

1

235

2

컨테이너를 활용한 개발환경 통일에 관하여

1

95

2

k8s 강의 일정

1

114

2

컨테이너의 Stateless 제약 관련 질문

0

98

1

docker push 하는 중 "single-platform image ..." 메세지가 나오고, docker hub에 image와 tag가 정상적으로 등록되지 않습니다.

2

98

1

docker pull [이미지] 다운로드시 에러 해결 방법 문의

1

441

2

강의 재생 오류

1

87

1

Remote JVM Debug Setting

1

105

1

빌드 방식에 대해 질문 있습니다.

1

101

2

컨테이너 레이어 질문 있습니다.

1

106

1

컨테이너 가상화 호스트 OS

1

155

2

강의 이미지 사용

1

168

2

도커컴포즈 오류

0

161

2

USER 명령어와 관련하여 질문드립니다

1

112

1

강의 예정

1

178

2

실행오류

1

214

3