HTTP 상태 코드 404로 인해 AngularJS POST 요청이 실패하는 이유는 무엇입니까?

HTTP 상태 코드 404로 인해 실패한 AngularJS POST 수정

AngularJS에서 POST 요청은 "실행 전 응답이 잘못되었습니다"라는 오류 메시지와 함께 실패할 수 있습니다. HTTP 상태 코드 404." 이 문제는 브라우저가 실제 POST 요청 전에 권한을 확인하기 위해 실행 전 OPTIONS 요청을 보낼 때 발생합니다. 서버는 이 실행 전 요청을 처리하고 적절한 CORS 헤더로 응답해야 합니다.

서버측 구성

SlimPHP 서버에서 다음 헤더를 포함했는지 확인하세요. 응답:

<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="javascript">app.config(function ($httpProvider) {
  $httpProvider.defaults.headers.common = {};
  $httpProvider.defaults.headers.post = {};
  $httpProvider.defaults.headers.put = {};
  $httpProvider.defaults.headers.patch = {};
});</code>

클라이언트 측에서 헤더를 재설정하면 브라우저는 실행 전 OPTIONS 요청 없이 직접 POST 요청을 보냅니다. 이렇게 하면 HTTP 404 오류가 해결됩니다.

CORS 개요

CORS(Cross-Origin Resource Sharing)는 콘텐츠를 제공하는 도메인과 다른 도메인의 요청을 허용합니다. 실제 요청 전에 권한을 확인하기 위한 실행 전 요청이 포함됩니다. 이러한 실행 전 요청을 부적절하게 처리하면 HTTP 404 오류가 발생할 수 있습니다. CORS를 이해하고 이에 따라 클라이언트와 서버를 모두 구성하면 AngularJS에서 POST 요청을 성공적으로 실행할 수 있습니다.

위 내용은 HTTP 상태 코드 404로 인해 AngularJS POST 요청이 실패하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!