Proxy

[Nuxt] Axios 와 Proxy 사용 방법 (CORS)

이번 포스팅은 NuxtJS에서 Axios 구성과 Proxy 설정 방법에 대해서 설명해보려고 합니다. 회사에서 백엔드와 작업할때 CORS 문제와 API 작업에서 삽질했던 부분을 정리하고자 합니다. CORS 란? Cross Origin Resource Sharing의 약자로, 현재 웹페이지 도메인에서 다른 웹페이지 도메인으로 리소스가 요청되는 경우를 말한다. HTTP , HTTPS 와 같은 프로토콜이 다른경우 domainA.com과 domainB.com처럼 도메인이 다른 경우 8080 포트와 3000 포트처럼 다른 경우 이처럼 Cross-Origin 이란 위 3가지 중 한 가지라도 다른 경우를 말합니다. CORS가 없이 모든 곳에서 데이터를 요청할 수 있으면, 다른 사이트에서 본인이 개발한 사이트를 흉내 낼..