인프런 커뮤니티 질문&답변

작성자 없음

작성자 정보가 삭제된 글입니다.

React + API Server 프로젝트 개발과 배포 (CI/CD)

06. CORS 설정과 환경변수 다루기

환경변수를 이용한 동적빌드 구간에서 질문 !!

해결된 질문

작성

·

203

2

frontend/.env파일에서 

VITE_API_SERVER= 

이렇게만 설정해주셨는데....

이 부분이 잘 이해가 안갑니다.

fetch(import.meta.env.VITE_API_SERVER + '/api/hello')

.then(response => response.json())

.then(data => greet.innerHTML = JSON.stringify(data))

보시다시피 위의 코드가 빌드되었을 텐데요??

VITE_API_SERVER를 아무것도 지정안하면

요청이 /api/hello 이렇게만 나오는거 아닌가요??

그런데 케누님 영상에서는 도메인이 붙어있네요? ㄷㄷ;;;

이 부분이 잘 이해가 안가요 ㅠㅠ....

답변 1

1

Kenu 허광남님의 프로필 이미지
Kenu 허광남
지식공유자

도메인은 chrome devtools가 붙여준 것입니다.

Request URL: https://okdevi.net/api/hello

.env 에 VITE_API_SERVER= 변수설정이 없으면 https://okdevi.net/undefined/api/hello 로 잘못 호출하게 됩니다.

아하 undefined로 나오니까 VITE_API_SERVER를 했던거군요 !!

이해했습니다. 감사합니다 !! 충성충성^^7

작성자 없음

작성자 정보가 삭제된 글입니다.

질문하기