반응형 CORS2 NodeJS, Svelte - CORS 해결 3가지 방법 필자도 CORS를 알고 있지만, 이번에는 프론트쪽 언어를 진행하면서 CORS를 다시금 경험하여 해결 방안을 Nodejs, Svelte 입장에서 정리해본다. CORS는 가장 요점만 정리한다면, 현재 도메인 이외의 경로에서 정보를 요청했을때, 사전에 요청을 현재 도메인이 허용하는지를 구성하도록 하여 해커의 공격을 막기 위한 브라우저의 보안 설정이라고 할 수 있다. 이를 해결하기 위해서는 1. 쿠키 정보를 공유하거나 2. Access-Control-Allow-Origin를 설정하거나 3. Proxy 설정을 하는 것이다. 각 방법에 대해서 간략히 정리해 본다. 1. 인증된 요청 (Credentialed Request) 통한 방법 인증된 요청 (Credentialed Request)은 인증 정보들 전달한다는 의미.. 2024. 2. 22. Edge, Chrome - CORS(Cross-Origin Request Blocked) Disable, Unblock 웹개발을 진행하다보면, 편의를 위해 컴퓨터 자체에 서버 환경을 만들어 테스트를 하는 경우가 많다. 저자 같은 경우 프론트 서버와 백엔드 서버를 동시에 실행하는 경우도 있는데, 이때 localhost에서 다시 내부로 호출할 때, CORS 상황이 발생한다. Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://some-url. (Reason: xxxxxx). 크롬 기반의 브라우저의 경우 이를 아래 확장앱을 통해 쉽게 해결 할 수 있는데, 바로 CORS Unblock 이다. 아래와 같이 앱을 확장(Extensions)메뉴에서 스토어에 접근해서 설치후 사용할 수 있다. 2022. 4. 22. 이전 1 다음 반응형
