반응형
http 통신
-
Cross Origin 허용하기JavaScript/Node.js 2019. 7. 5. 12:19
Node.js + Express + Vue.js + Webpack을 이용해 토이 프로젝트를 만들고 있다가 axios를 통해 HTTP 프로토콜로 비동기 통신 기능을 만들던 중 Cross Origin 차단 문제를 접했다. Spring Boot로 현업을 뛰고 있는 상황이라 @CrossOrigin 어노테이션 하나만 붙이면 한방에 해결이 되는데 Node.js로는 CrossOrigin 설정을 해본적이 없어서 자료를 찾아봐 공부해봤다. 문제 우선 상황은 다음과 같다. Node 서버는 3000번 포트를 사용, Vue 개발 서버는 3001 포트를 사용하는 환경이다. 각각의 서버에서 통신을 주고받아야하니 Cross Origin에 위배되는 상황이 발생했다. 버거 메뉴를 등록하는 폼에서 내용을 입력하고 등록버튼을 클릭하면 N..