React CORS (2) 썸네일형 리스트형 [#. Node] Node Rest API + React 연동하기, Axios로 Node에서 React로 데이터 가져오기, cors 및 proxy 설정하기 2 developer0809.tistory.com/111 [#. Node] Node+React 시작하기, 초기 세팅하기 ① node 시작하기, express-generator 설치 mkdir node-react npm install --save express-generator express-generator 패키지를 통해서 프레임워크에 필요한 pakage.json과 기본 구조를 잡을 수 있다 express { return ( Main Page ) } export default MainPage; ⑵ frontend/src/index.js import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App fro.. [#Python Django] React에서 Django에 API 요청 시 CORS Policy: No 'Access-Control-Allow-Origin' 에러 해결 CORS(Cross-Origin Resource Sharing) 교차 출처 자원 공유 다른 도메인에서 실행 중인 웹 애플리케이션에서 선택된 자원에 대한 요청할 수 있게 허용하고, 접근 권한을 부여하는 구조이다 브라우저 간의 데이터를 주고받는 과정에서, 도메인 이름이 서로 다른 사이트 간에 API 요청을 할 때 공유를 설정하지 않았다면 CORS에러가 발생한다 그리고 CORS 에러가 발생했다 같은 localhost지만 localhost:8000과 localhost:3000는 출처가 다르다 그렇기 때문에 Same-orgin-policy 동일 출처 정책을 위반하게 되고, CORS 에러가 발생하게 된다 Django에서 요청을 허용해 주면 된다 ① django-cors-headers 설치 pip install dj.. 이전 1 다음
