내 허용 목록에 https://example.com을 추가했는데도 CORS 오류가 발생하는 이유는 무엇입니까?

CORS 오류: 명시적 허용 목록에도 불구하고 액세스가 거부되었습니다

Socket.IO를 사용하여 React, Node.js 간의 교차 출처 요청을 활성화하려고 하면 "액세스 위치: https://example.com/을 허용했는데 원본 'https://example.com'이 차단되었습니다'라는 오류가 발생합니다. 필요한 권한을 추가했음에도 불구하고 오류가 지속됩니다.

원인 및 설명

이 문제는 CORS 구성에서 원본 헤더와 허용된 원본을 오해하여 발생합니다.

원본 헤더 후행 슬래시

웹 원본 헤더에는 후행 슬래시가 포함되지 않습니다. 예를 들어 'https://googledocs-clone-sbayrak.netlify.app/'의 원본은 'https://googledocs-clone-sbayrak.netlify.app'입니다. 원본에 후행 슬래시를 추가하는 것(예: "https://googledocs-clone-sbayrak.netlify.app/")은 유효하지 않습니다.

바이트별 비교

CORS 구성 요청의 출처가 허용된 출처와 일치하는지 확인하려면 바이트별 비교를 사용하세요. 이 경우 허용되는 출처는 'https://googledocs-clone-sbayrak.netlify.app'이고, 요청의 출처는 'https://googledocs-clone-sbayrak.netlify.app/'이므로 불일치합니다. .

허용되는 원본을 올바르게 설정

문제를 해결하려면 CORS 구성에서 허용되는 원본을 조정하여 후행 슬래시 없이 정확한 원본과 일치하도록 하세요.

cors: {
    origin: 'https://googledocs-clone-sbayrak.netlify.app'
}

위 내용은 내 허용 목록에 https://example.com을 추가했는데도 CORS 오류가 발생하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!