為什麼我的 AngularJS POST 請求失敗並出現預檢請求 404？

AngularJS POST 請求失敗：預檢請求的HTTP 404

在AngularJS 中，POST 請求期間可能會出現未解決的「RealXML無法載入”錯誤。這是由於實際 POST 之前的預檢請求的 HTTP 狀態碼 (404) 無效所致。預檢請求旨在檢查請求的操作是否被允許，確保遵守跨來源資源共享 (CORS) 政策。

根本原因：缺少 CORS 標頭

錯誤的根本原因在於伺服器未能正確處理預檢 OPTIONS 請求。若要啟用跨來源請求，伺服器必須設定適當的 CORS 標頭。

解決方案：在伺服器端新增CORS 標頭

在SlimPHP 中，您可以將CORS 標頭新增至回應物件：

<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>

其他注意事項

對於涉及敏感資料的POST 要求，您可能需要實作身分驗證和授權機制，例如JSON Web Tokens (JWT)、以確保連線安全。徹底了解 CORS 並確保正確處理 OPTIONS 請求以防止安全漏洞至關重要。

以上是為什麼我的 AngularJS POST 請求失敗並出現預檢請求 404？的詳細內容。更多資訊請關注PHP中文網其他相關文章！