올바른 헤더 구성에도 불구하고 로컬 호스트 CORS 요청이 실패하는 이유는 무엇입니까?

localhost의 CORS Origin 문제 해결

CORS를 활성화하기 위해 Nginx/Node.js 서버에 적절한 헤더를 설정했음에도 불구하고 다음과 같은 문제가 발생합니다. localhost에서 다른 출처로 요청을 할 때 오류가 발생합니다. 오류 메시지는 http://localhost로 설정된 Access-Control-Allow-Origin 헤더가 거부되었음을 나타냅니다.

Chrome의 제한 사항

문제는 Chrome에 있습니다. 그 자체. Chrome은 CORS 요청에 대해 허용되는 원본으로 localhost를 지원하지 않습니다. 이 동작은 2014년에 WontFix로 표시된 오래된 버그로 인해 발생합니다.

해결 방법

• 다른 도메인 사용: http://localhost 대신 동일한 IP 주소로 확인되는 localho.st와 같은 도메인을 사용하세요. (127.0.0.1).
• 웹 보안 비활성화: 테스트 목적으로 --disable-web-security 플래그를 사용하여 Chrome을 실행하여 Chrome의 웹 보안 기능을 일시적으로 비활성화할 수 있습니다.

추가 고려 사항

• 클라이언트 스크립트에서 올바른 출처에 액세스하고 있는지 확인하세요.
• 브라우저의 "동일 출처 정책"이 요청을 차단하여 방해하지 않는지 확인하세요. .
• 문제가 지속되면 서버 로그를 확인하거나 네트워크 디버깅 도구를 사용하여 추가 오류를 식별하거나 불일치.

위 내용은 올바른 헤더 구성에도 불구하고 로컬 호스트 CORS 요청이 실패하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!