\'https://googledocs-clone-sbayrak.netlify.app/\'에서 \'https://googledocs-clone-sbayrak.herokuapp.com/\'에 연결하려고 할 때 CORS 오류가 발생하는 이유는 무엇인가요?

'https://googledocs-clone-sbayrak.netlify.app/'

CORS의 교차 출처 요청 허용 클라이언트와 서버 설정 간의 구성 불일치로 인해 오류가 발생합니다. 이 시나리오에서는 'https://googledocs-clone-sbayrak.netlify.app/'의 클라이언트 애플리케이션이 'https://googledocs-clone-sbayrak.herokuapp.com/'의 서버 엔드포인트에 연결을 시도하고 있습니다. 하지만 서버는 'https://googledocs-clone-sbayrak.netlify.app/'의 요청만 수락하도록 구성되어 있습니다. 요청의 원본 헤더가 허용된 값과 일치하지 않아 CORS 오류가 발생합니다.

CORS 오류 해결

이 오류를 해결하는 열쇠는 다음과 같습니다. 서버에서 허용되는 원본이 요청의 원본과 일치하는지 확인합니다. 오류를 일으킨 잘못된 구성은 'https://googledocs-clone-sbayrak.netlify.app/'을 허용된 원본으로 사용하는 것이었습니다. 하지만 웹 원본에는 경로가 포함되어 있지 않으므로 후행 슬래시로 인해 일치가 실패하게 됩니다.

이 문제를 해결하려면 허용되는 원본을 'https://googledocs-clone-sbayrak.netlify'로 업데이트해야 합니다. app' 뒤에 슬래시가 없습니다. 수정된 cors 구성은 다음과 같습니다.

<code class="typescript">const io = socketio(server, {
  cors: {
    origin: 'https://googledocs-clone-sbayrak.netlify.app',
    methods: ['GET', 'POST'],
  },
});</code>

허용된 원본 값에서 후행 슬래시를 제거하면 이제 요청의 원본 헤더와 올바르게 일치하여 원본 간 요청이 성공하고 클라이언트가 서버입니다.

위 내용은 \'https://googledocs-clone-sbayrak.netlify.app/\'에서 \'https://googledocs-clone-sbayrak.herokuapp.com/\'에 연결하려고 할 때 CORS 오류가 발생하는 이유는 무엇인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!