불친절한 블로그
[Django][React] Django API, React 연결하기 본문
이전글에 Django와 React 세팅을 했었다.
https://onu0624.tistory.com/117
[Django][Python] Django 백엔드 서버 만들기
예전에 가상환경에 Django 설치하는 방법을 게시 했었다. https://onu0624.tistory.com/91 [Django][Python] 가상환경에 Django 설치하기 실습 환경 개발 툴 : IntelliJ 개발 언어 : Python 프레임워크 : Django..
onu0624.tistory.com
https://onu0624.tistory.com/119
[React] React 설치하기
프론트화면으로 React를 써보려고 한다. React를 설치해보자 node 설치 확인 React 설치!! $ npm install -g create-react-app -g는 글로벌이며 해당 경로에만 설치가 아니라 전체에 설치하겠다는 뜻이다. 아.....
onu0624.tistory.com
이제 이 둘이 통신 할 수 있도록 연결해보자!
우선 React에 App.js를 보자
Django 주소를 적어서 요청하게 한다.
결과 확인
화가 많이 났다.
'Access-Control-Allow-Origin' 구글링
django-cors-headers를 설치하라고 한다.
django로 이동해서 설치해보자.
$ pipenv install django-cors-headers
이제 settings.py에서 INSTALLED_APPS에 'corsheaders' 추가, MIDDLEWARE에 'corsheaders.middleware.CorsMiddleware' 추가
제일 하단에 모든 접근 허용한다는 내용 추가
CORS_ORIGIN_ALLOW_ALL = True
값을 컨솔로 찍었기 때문에 console로 확인!!
DB값 고대로 조회되는 것을 확인할 수 있음.
'Project > BEMS 찍먹' 카테고리의 다른 글
| [React] rechart 사용해서 그래프 그려보기 (0) | 2022.01.28 |
|---|---|
| [React] 레이아웃 구성해보기 (0) | 2022.01.28 |
| [React] React 설치하기 (0) | 2022.01.20 |
| [Django][Python][DB] Django, DB 연동 (0) | 2022.01.20 |
| [Django][Python] Django 백엔드 서버 만들기 (0) | 2022.01.20 |
