서버는 웹.
지금까지 나는 반응 앱 만들기 나는 프로젝트를했다
npm 시작반응 중 로컬 호스트: 3000 주어진 가상 서버 이름
가상 서버?
난 그게 무슨 뜻인지 정말 몰랐어.
서버는 서비스다.
보통 기존 웹서버에는 내가 보여주고 싶은 서비스의 페이지가 있습니다.
보고싶은 웹서비스(대지)모두 서버에 있습니다.
그래서 당신은이 서버에 가야합니다… 만날 주소
그러면 서버가 페이지를 표시합니다.
반응에 의해 주어진 로컬 호스트: 3000 ~에 축~처럼 API전화를 시도.
baseUrl = API주소로 설정한 후 이동하면 됩니다.
물론 그럴 리가 없다.ㅋㅋㅋ
일반적으로 전통적인 웹 서비스는 서버에 페이지가 있고 해당 페이지가 데이터를 요청할 때 동일한 서버를 호출합니다.
(즉, 동일한 물리적 주소) 따라서 보안 문제 없이 작동합니다..
근데 지금 내 스크린에 있는 남자 로컬 호스트: 3000 이것은 React가 지정한 가상 주소입니다..
화면을 보여주기 위해…
이제 물리적 주소가 다른 서버에서 데이터를 요청하고 싶습니다..
데이터를 가지고 API서버가 나를 거부하기 시작합니다..
그래서 API서버는 모든 주소에서 들어오는 모든 요청을 수락하도록 구성됩니다..
이제 우리는 의사 소통을 잘 시작합니다..
=================================== 선생님의 답변 ========== = = = ==============================
React 앱은 클라이언트 측에서 실행되며 일반적으로 localhost:3000과 같은 가상 주소를 사용합니다. 이 가상 주소는 실제 서버에서 실행되는 API 서버와 물리적으로 분리되어 있으며 API 서버는 일반적으로 다른 도메인 또는 IP 주소입니다.
따라서 API 서버에서 클라이언트(React-App)가 요청한 도메인이나 IP 주소를 허용하지 않아 접근이 거부될 수 있는데 이를 해결하기 위해서는 API 서버에서 CORS(Cross-Origin Resource Sharing) 설정을 다음과 같이 변경해야 합니다. 받아들일 수 있어야 합니다.
따라서 요청이 오는 모든 주소를 허용하도록 API 서버를 설정하는 것은 임시방편이며, 실제로는 보안상의 이유로 필요한 도메인만 허용하는 것이 좋습니다.