CORS
-
[Python] Flask CORS 오류 해결하기Backend/Flask 2021. 5. 7. 22:57
Flask로 백엔드 API 개발 시 프론트와 연결하여 웹에서 응답을 확인할 때, 다음과 같은 CORS 오류가 발생하여 이를 해결하기 위한 삽질내용을 공유합니다:) 웹 실행 후 console log를 확인해보면.. Access to XMLHttpRequest at 'http://localhost:5000/' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. 뭐 대충 이런 내용의 에러 메세지를 확인할 수 있습니다. 이를 위한 해결방법으로는: 1. flask_cors 모듈을 설치해야 합니다. $ pi..
-
CORS 오류 해결(feat.REST API 통신 오류 )FullStack/Vue.js+Django 2021. 1. 3. 23:55
프론트와 백엔드를 REST API로 연결하여 개발할 때, 서버를 돌려 브라우저에서 확인해보면 CORS 오류를 마주할 때가 있습니다. Cross-Origin Resource Sharing CORS에러는 외부에서 다른 도메인이 내 로컬 서버에 데이터를 요청할 때 이를 허용하지 않아 생기는 오류입니다. 즉, Javascript의 동일 출처 정책에 따라 도메인이 다른 서버로부터 요청을 받으면, 보안 문제로 간주하여 CORS 이슈를 발생시키고 이를 차단합니다. 예를 들어 프론트(클라이언트) 서버는 localhost:8080이고 백엔드(외부) 서버는 localhost:8000이면, 포트가 달라서 CORS가 발생할 수 있습니다. 이러한 경우 외부 서버에서 보내는 요청의 헤더(Access-Control-Allow-Or..