카테고리 없음

[Vue.js][Vue with DRF 1] 6. CORS Headers 설정

bay07 2024. 5. 14. 16:24

▶ CORS Headers 설정하기

Django에서는 Django-cors-headers 라이브러리 활용 

손쉽게 응답 객체에 CORS header를 추가해주는 라이브러리 

https://github.com/adamchainz/django-cors-headers

 

▶ Django-cors-headers 사용하기 

설치 (requirements.txt로 인해 사전에 설치되어 있음)
관련 코드 주석 해제
CORS를 허용할 Vue 프로젝트의 Domain 등록

 

CORS 처리 결과 

메인 페이지에서 DRF 응답 데이터 재확인
응답 객체에서 'Access-Control-Allow-Origin' Header 확인 

- 개발자도구 - Network - Fetch/XHR