>웹 프론트엔드 >JS 튜토리얼 >''Access-Control-Allow-Origin' 헤더 없음' CORS 오류를 어떻게 해결할 수 있습니까?

''Access-Control-Allow-Origin' 헤더 없음' CORS 오류를 어떻게 해결할 수 있습니까?

Mary-Kate Olsen
Mary-Kate Olsen원래의
2024-12-22 16:43:10806검색

How Can I Resolve

"API 응답에 'Access-Control-Allow-Origin' 헤더가 없습니다."

헤더 문제 해결을 위한 CORS 프록시

서버에 대한 통제력이 부족한 경우 다음과 같이 헤더 결함을 우회할 수 있습니다. CORS 프록시를 사용합니다. 쉽게 배포할 수 있는 옵션 중 하나는 몇 가지 명령으로 설정할 수 있는 cors-anywhere(https://github.com/Rob--W/cors-anywhere)입니다. 이 프록시는 필요한 Access-Control-Allow-Origin 헤더를 응답에 추가합니다.

CORS 실행 전 방지

문제의 코드는 Authorization 헤더로 인해 CORS 실행 전을 트리거합니다. . 또한 Content-Type: application/json도 프리플라이트를 유발할 수 있습니다. 이를 방지하려면 필요한 헤더가 포함된 실행 전 OPTIONS 요청에 적절하게 응답하도록 서버를 수정해야 합니다. 또는 이러한 트리거를 방지하기 위한 요청 설계(예: 다른 헤더 또는 내장된 JSON 사용)를 고려할 수 있습니다.

"와일드카드" Access-Control-Allow-Origin 문제

자격증명이 있는 응답의 경우 Access-Control-Allow-Origin 헤더 값은 '*'일 수 없습니다. 'http://127.0.0.1:3000'과 같은 프런트엔드 코드의 출처와 정확하게 일치해야 합니다. 헤더의 원본 값을 자동으로 반영하도록 서버 구성을 조정할 수 있습니다.

불필요한 요청 헤더 제거

응답 헤더와 요청에 포함되어서는 안 됩니다.

headers.append('Access-Control-Allow-Origin', 'http://localhost:3000');
headers.append('Access-Control-Allow-Credentials', 'true');

위 내용은 ''Access-Control-Allow-Origin' 헤더 없음' CORS 오류를 어떻게 해결할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.