ABBO 기술 블로그

axios 를 활용하여 클라이언트 개발을 진행하려다가 CORS 이슈가 발생해서 증상을 살펴보았습니다. CORS(Cross Origin Resource Sharing) : 도메인 또는 포트가 다른 서버의 자원을 요청하는 매커니즘. 이 때 요청을 할 때는 cross-origin HTTP 요청에 의해 요청됩니다. 하지만 html 또는 script와 같은 언어로 인해 CORS 같은 상황이 발생하면 외부서버에 요청한 데이터를 브라우저에서 보안 목적으로 차단합니다. 저의 경우 localhost:8100 에 서버를 두었고, react 웹 서버는 localhost:19006 에서 실행하고 있었기 때문에 발생하였습니다. App.js getLoginUser = async (id, password) => { const { ..