Angular에서 POST 요청으로 파일을 보낼 때 \'Access-Control-Allow-Headers\'에서 내 \'Access-Control-Allow-Origin\' 헤더가 허용되지 않는 이유는 무엇입니까?

문제: 헤더가 포함된 원본 간 요청 오류

POST 요청으로 파일을 보내려고 할 때 개발자는 다음을 나타내는 오류가 발생할 수 있습니다. 특정 요청 헤더는 Access-Control-Allow-Headers 응답 헤더에서 허용되지 않습니다.

이 문제를 해결하기 위해 개발자는 요청에 다음 헤더를 추가했습니다.

"Access-Control-Allow-Origin" : "*",
"Access-Control-Allow-Methods" : "GET,POST,PUT,DELETE,OPTIONS",
"Access-Control-Allow-Headers": "Content-Type, Access-Control-Allow-Headers, Authorization, X-Requested-With"

그러나 , 이로 인해 "Access-Control-Allow-Origin" 헤더가 "Access-Control-Allow-Headers" 헤더에서 허용되지 않는다는 새로운 오류가 발생했습니다.

해결책: 헤더 제한 및 기본 콘텐츠 유형

교차 출처 요청의 경우 콘텐츠 유형이 "application/x-www-form-urlencoded"의 세 가지 특정 유형 중 하나로 설정되지 않은 경우 브라우저는 실행 전 OPTIONS 요청을 보냅니다. , "multipart/form-data" 또는 "text/plain".

기본적으로 Angular는 콘텐츠 유형을 "application/json"으로 설정합니다. 이는 교차 출처 요청에 허용되는 유형 중 하나가 아닙니다. . 이로 인해 실행 전 OPTIONS 요청이 트리거되고 "Access-Control-Allow-Headers" 헤더에 대한 제한으로 인해 거부됩니다.

이 문제를 해결하기 위해 개발자는 Angular 또는 Angular의 기본 콘텐츠 유형을 덮어쓸 수 있습니다. 서버 측에서 "Access-Control-Allow-Headers" 헤더를 허용합니다.

기본 헤더를 덮어쓰는 Angular 샘플:

$http.post(url, data, {
    headers : {
        'Content-Type' : 'application/x-www-form-urlencoded; charset=UTF-8'
    }
});

위 내용은 Angular에서 POST 요청으로 파일을 보낼 때 \'Access-Control-Allow-Headers\'에서 내 \'Access-Control-Allow-Origin\' 헤더가 허용되지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!