[Django] React -Django cors

리액트에서 Axios 로 Django(DRF) url 로 값을 받아오려는데 문제가 생겼다.

No Access-Control-Allow-Origin' 관련한 오류가 바로 Cross Domain 이슈!!!!

이를 해결하기위해서는 서버에서 접속을 허용한다고 설정을 해줘야한다고 한다!

 

django cors header 라이브러리 설치하자!

 

 

먼저 CORS란 뭘까? 

CORS는 Cross Origin Resource Sharing의 줄임말입니다. 즉, 도메인 주소가 다른 서버에 http request를 전송하는 걸 이야기 합니다. 

최신 웹 브라우저들이 보안상의 이유로 외부 Host로 접속하는 것을 차단하는 문제를 해결하기 위해 CORS표준이 제안되었고 요즈음엔 거의 일반화 되었습니다.

 

아하 !

 

pip install django-cors-headers 

 

setting.py 에서 추가해주자 !

 

INSTALLED_APPS = [ 

    'corsheaders',

]

 

MIDDLEWARE = [

'corsheaders.middleware.CorsMiddleware',

]

 

# 리액트 3000 포트

CORS_ORIGIN_WHITELIST = [
"localhost:3000"

]