목록2024/08/24 (1)
한바다
Proxy error 와 LocalStorage,SessionStorage
☑️ 리액트에서 프록시 설정(CORS 설명)리액트 애플리케이션은 일반적으로 'localhost:3000'에서 실행된다. 하지만 백앤드는 다른 포트에서 실행이될 수 있기 때문에 이 경우, 리액트에서 API요청을 백앤드 서버로 보내려면 CORS 문제 발생할 수 있다.여기서 CORS란(Cross-Orbin-Resource Sharing) 웹애플리케이션이 다른 도메인에서 제공하는 리소스에안전하게 접근할 수 있도록 해주는 보안기능으로 쉽게말해 웹사이트에서 다른 웹사이트의 데이터를 안전하게 가져올 수 있도록 도와주는 규칙이다. 따라서 프론트앤드(리액트)와 백앤드(스프링부트)를 연결하기 위해 프록시는 리액트 개발서버가 백엔드 서버에요청을 대신 보내주도록 설정하는 것이다(설정 방법)백앤드(스프링부트) applicati..
React
2024. 8. 24. 11:06