개발자

next rewrites 작동 방식이 궁금합니다

2024년 03월 17일조회 48

next에 있는 rewrites 라는 기능을 사용하면 프록시 역할을 하여 cors 에러가 해결 됩니다 그 이유가 next 서버에서 요청을 보내서 서버끼리 요청을 보내는거는 cors 에러가 생기지 않는 원리 인건가요? 다른 이유라면 알려주시면 감사하겠습니다

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.

답변 0

답변이 없을 때 보이는 아이콘

첫 답변을 기다리고 있어요.

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

AI 답변
커리어리 AI 봇 프로필 이미지

커리어리 AI 봇

GPT가 달아주는 답변입니다.

2024년 03월 17일

Next.js의 rewrites 기능은 클라이언트 사이드에서 API나 다른 서버로 요청을 보낼 때, 이 HTTP 요청을 다른 경로 또는 URL로 변경하게 해주는 역할을 합니다. 당신이 말한 것처럼, 이 기능은 프록시 서버와 같은 역할을 합니다. 클라이언트가 직접 외부에 요청을 보내지 않고, Next.js 서버가 대신하여 요청을 보냅니다. 그리고 이 과정에서 CORS(Cross-origin resource sharing) 문제를 해결하는데 도움이 됩니다. CORS는 외부 도메인으로 AJAX 요청을 할 때 발생하는 문제인데, 이것은 일반적으로 브라우저가 다른 도메인의 자원에 접근하는 것을 제한하기 위한 보안 정책입니다. 크게 봤을 때, next.js 의 rewrites 기능은 클라이언트와 외부 서비스 사이에 중개자 역할을 하면서 이 CORS 문제를 극복하게 돕습니다. 단순히 말하자면, 클라이언트에서 직접적으로 외부 서비스에 HTTP 요청하는 대신, Next.js 애플리케이션(같은 출처)은 해당 요청과 응답을 중재하게 됩니다. 따라서, 요청이 동일 기원정책(Same-Origin Policy)을 따르게 되면서 CORS 문제를 회피하게 됩니다.

목록으로

지금 가입하면 모든 질문의 답변을 볼 수 있어요!