devnoong.log
article thumbnail
[React] React Proxy 설정 및 http-proxy-middleware 404 오류
WEB/FRONTEND 2023. 4. 20. 11:04

프론트단에서 CORS 관련 오류를 방지하기 위해서 proxy 설정을 진행하여 백엔드서버에서 데이터를 가지고 옵니다. CORS(Cross Origin Resource Sharing) 서버와 클라이언트가 동일한 IP주소에서 동작하고 있다면, resource를 제약 없이 서로 공유할 수 있지만, 만약 다른 도메인에 있다면 원칙적으로 어떤 데이터도 주고 받을 수 없도록 하는 매커니즘입니다. 1. 간단 Proxy 설정 React package.json 파일 중간에 아래와 같이 proxy 서버를 기입해 간단하게 설정 할 수 있습니다. "proxy": "http://localhost:8080/", // PORT 번호까지만 기입 가능 하지만 인터넷 환경에 따라 안되는 경우도 존재하고, 원하는 url 주소를 사용할 수 ..