[Python/Svelte]'localhost:5173 says {}'문제 해결

1. 에러 발생

파이썬 공부 목적으로 FastAPI + Svelte로 간단한 게시판 구현 실습 중에 백엔드 서버 주소를 별도 환경변수 파일(.env)로 뺐는데 브라우저에서 아래 캡처화면과 같이 빈 json(?)을 리턴하는 문제가 발생했다.

2. 해결 방법

크롬 개발자 도구로 확인하니 프론트엔드에서 필요한 파일들은 다 잘 받아오는 듯 보여서 백엔드와의 통신 문제를 의심하고 Vite 프록시 설정이나 환경변수 파일의 서버 주소의 오탈자들을 확인했었는데.....

알고보니 환경변수 파일 위치를 잘못 넣어놔서 백엔드 서버 주소를 못찾아 생긴 문제였다... 머쓱 (Svelte 프로젝트 기준으로 루트 경로에 넣어놨어야 하는데 src 디렉터리에 잘못 넣어놓음;;;)

.env 파일 위치를 제대로 변경하니 백엔드 서버 주소를 잘 받아오는 것을 확인할 수 있었다.

변경 전

변경 후