it-source

Angular JS로 CORS를 설정하려면 어떻게 해야 합니까?

criticalcode 2023. 8. 19. 10:26
반응형

Angular JS로 CORS를 설정하려면 어떻게 해야 합니까?

크로스 도메인 Ajax 요청을 할 때 올바른 헤더를 보내도록 Angular를 설정하려면 어떻게 해야 합니까?

나에게 효과가 있었던 것:

약 하루 동안 Cors와 함께 작동하도록 Angular 애플리케이션을 구성하는 것에 대한 해답을 찾기 위해 노력한 끝에, 저는 마침내 효과적인 해결책을 생각해냈습니다!서버를 올바르게 설정했다고 가정하면 클라이언트에서 수행해야 할 작업은 앱 구성에서 기본 헤더를 삭제하는 것입니다.

angular.module('myApp').config(['$httpProvider', function($httpProvider) {

    delete $httpProvider.defaults.headers.common['X-Requested-With'];

});

X-Requested-With 헤더는 요청을 AJAX 요청으로 식별하며, 기본적으로 교차 도메인은 허용되지 않습니다.따라서 기본 설정 및 BOM에서 제거하기만 하면 됩니다!그건 효과가 있다.

애플리케이션을 위해 플레이 백엔드(1.2.5)를 사용하고 있습니다. 이 작업을 수행하기 위해 추가해야 하는 코드 라인은 다음과 같습니다.

교차 도메인 요청을 허용하는 헤더를 추가합니다.많은 브라우저가 이러한 기능을 지원하지 않으므로 머리글을 무시합니다.브라우저가 지원하는 버전을 보려면 브라우저 설명서를 참조하십시오.

매개 변수: allowOrigin x-domain 호출을 수행할 수 있는 쉼표로 구분된 도메인 목록 또는 "모두에 대해"를 시작합니다. allowMethods는 HTTP 메서드의 쉼표로 구분된 목록을 허용하거나 null을 허용합니다. allowCredentials x-domain 요청을 수행할 때 브라우저가 쿠키를 보낼 수 있도록 합니다. allowOrigin!= " 브라우저에서만 존중됩니다.

Http.Response.current().accessControl("*", "GET,PUT,POST,DELETE,OPTIONS",false);

언급URL : https://stackoverflow.com/questions/15411818/how-do-you-set-up-cors-with-angular-js

반응형