CORS2 VUE.js + SpringBoot 환경 CORS 이슈 해결(feat.SPA 원리) **2022-06-17 수정: vue cofig 파일이 빌드엔 포함되지 않음을 확인, vue config 파일은 로컬환경을 위한 설정파일임, 배포 후에는 사용한 web server (nignx) 에 프록시 설정을 함으로써 web server 가 프록시 서버의 역할을 하도록 해야함 문제상황 브라우저 -> localhost:8081/login 요청 -> login 페이지 응답받음 (localhost:8081은 뷰 서버) -> 입력후 로그인 버튼 클릭 -> 로그인 버튼 이밴트 발생 -> axios를 통해 localhost:8080/login 으로 요청 (localhost:8080은 스프링 서버) -> 응답 데이터를 화면 상단에 표시 뷰와 스프링을 합쳐서 테스트 하는 도중 첫 로직인 해당 플로우에서 CORS 이.. 2022. 2. 15. [RestAPI] CORS (Cross Origin Resource Sharing) 첫 프로젝트를 진행하다가 어느순간 마주친 이 CORS라는 녀석을 정리해보고자 한다. 웹 개발을 했다면 마주치게 된다는 유명한 이슈였다. (드디어 나도 이걸 보는구나..!!) CORS Cross-Origin Resource Sharing 로 교차 출처 리소스 공유라는 뜻이다. 한국말로 의미를 풀어보자면 다른 출처로부터 오는 리소스를 허용한다는 의미이다. 출처란? 알고있다 싶이 URI는 다양한 구성 요소로 리소스이 위치를 표시하고있다. 웹에서 출처란 Protocol + Host + Port 를 의미한다. 이 3가지 요소중에 하나라도 다르면 다른 출처로 간주한다는 것이다. 반대로 이 3가지 요소만 같으면 동일 출처로 간주한다는 것이다. SOP(Same-Origin Policy: 동일출처정책) 웹 생태계에서는 .. 2022. 1. 19. 이전 1 다음
