CODE_GARAGE
Preview Image

[트러블 슈팅] 프론트 페이지에서 API요청, 페이지 요청 분리하기 (feat. Proxy)

1. 문제 상황 적은 학습, 빠른 결과물 출력을 위해 svelte를 도입해 간단한 프론트 페이지를 만들었다. 로컬에서는 원하는 기능이 모두 이루어졌지만, docker-compose를 통해 컨테이너를 만들어 프론트엔드 서버와 백엔드 서버가 서로 내부 통신을 하게 만들었더니 작동하지 않았다. 좀 더 구체적으로 문제 상황을 분석해보면 백엔드 서...

Preview Image

[트러블 슈팅] fastapi에서 Svelte 화면 로드 안됨(feat. CORS)

1. 문제 원인 fastapi로 백엔드 서버를 만든 후 Svelte로 간단한 프론트 페이지를 만들어서 테스트해보려 했다. 페이지가 제대로 보여지지 않았다. 정확히는 fastAPI 백엔드 서버와 Svelte의 프론트 서버가 서로 통신하지 못했다. (백엔드 서버 로그에 아무것도 뜨지 않았다.) 구글링 해본 결과 해당 문제는 CORS 정책에 의해 ...