내 AngularJS 애플리케이션에서 \"오류로 인해 프리플라이트 요청 실패: 잘못된 HTTP 상태 코드 404\"가 나타나는 이유는 무엇입니까?

오류로 인해 실행 전 요청 실패: 잘못된 HTTP 상태 코드 404

AngularJS 애플리케이션에서 POST 요청을 수행하려고 하면 다음과 같은 결과가 발생할 수 있습니다. 다음 오류 메시지: "실행 전 응답에 잘못된 HTTP 상태 코드 404가 있습니다." 이 오류는 CORS(Cross-Origin Resource Sharing) 정책 문제로 인해 발생합니다.

대부분의 최신 브라우저에서 구현되는 CORS 정책은 웹 애플리케이션이 다른 도메인에 안전하게 요청할 수 있도록 보장합니다. 실제 요청을 하기 전에 브라우저는 서버에 프리플라이트 요청(OPTIONS)을 보내 서버가 원래 도메인의 요청을 허용하는지 확인합니다.

이 문제를 해결하려면 서버가 프리플라이트에 응답하는지 확인하세요. 적절한 헤더를 사용하여 요청하세요. 특히 서버는 다음 헤더를 설정해야 합니다:

• Access-Control-Allow-Headers
• Content-Type
• Access-Control-Allow-Methods
• Access-Control-Allow-Origin

예를 들어 SlimPHP에서는 response().headers() 메서드를 사용하여 다음 헤더를 설정할 수 있습니다.

<code class="php">$app->response()->headers->set('Access-Control-Allow-Headers', 'Content-Type');
$app->response()->headers->set('Content-Type', 'application/json');
$app->response()->headers->set('Access-Control-Allow-Methods', 'GET, POST, OPTIONS');
$app->response()->headers->set('Access-Control-Allow-Origin', '*');</code>

추가로 AngularJS 구성을 수정하여 자동 실행 전 처리를 비활성화해야 할 수도 있습니다.

<code class="js">app.config(function ($httpProvider) {
  $httpProvider.defaults.headers.common = {};
  $httpProvider.defaults.headers.post = {};
  $httpProvider.defaults.headers.put = {};
  $httpProvider.defaults.headers.patch = {};
});</code>

실행 전 요청을 처리하도록 서버를 구성하고 AngularJS에서 자동 실행 전 처리를 비활성화하면 서버에서 POST 요청을 성공적으로 수행할 수 있습니다. AngularJS 클라이언트를 서버에 연결하세요.

위 내용은 내 AngularJS 애플리케이션에서 \"오류로 인해 프리플라이트 요청 실패: 잘못된 HTTP 상태 코드 404\"가 나타나는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!