내 AngularJS 앱의 클라이언트 측 CORS 구성이 작동하지 않는 이유는 무엇입니까?

AngularJs의 CORS 구성 퍼즐

CORS(Cross-Origin Resource Sharing)를 사용하면 한 원본(예: 웹 사이트)의 JavaScript에 액세스할 수 있습니다. 다른 출처의 리소스(예: API) 하지만 서버 측에서 활성화해야 합니다.

제공한 구성이 클라이언트 측에서 CORS를 활성화하려고 시도하지만 효과가 없습니다. 다음 코드 조각은 시도한 내용을 보여줍니다.

myApp.config(function($httpProvider) {
  $httpProvider.defaults.useXDomain = true;
  delete $httpProvider.defaults.headers.common['X-Requested-With'];
});

myApp.service('dataService', function($http) {
    delete $http.defaults.headers.common['X-Requested-With'];
    ...
});

이 구성은 원본 간 요청을 허용하지만 권한을 부여하려면 서버가 적절한 CORS 헤더로 응답해야 하기 때문에 실패합니다.

오류 메시지 "XMLHttpRequest는 URL을 로드할 수 없습니다. Access-Control-Allow-Origin에서 허용되지 않는 원본"은 서버의 응답에 필요한 CORS 헤더가 부족함을 나타냅니다. 문제를 해결하려면 액세스하려는 API를 호스팅하는 서버에서 CORS를 구성해야 합니다.

제공된 링크에서는 귀하의 경우에 적용할 수 없는 클라이언트 측 CORS 처리에 대해 설명합니다. 서버는 다른 출처에서 해당 리소스에 액세스할 수 있도록 CORS를 구현해야 합니다.

위 내용은 내 AngularJS 앱의 클라이언트 측 CORS 구성이 작동하지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!