將 Angular 前端連接到 Express 後端時如何修復 CORS 錯誤？

CORS 錯誤：解決「請求僅支援協定方案：http...」

嘗試執行Express 後端時並且透過Angular 從本機連結檢索JSON 字串，可能會發生「CORS」錯誤。此錯誤訊息通常表示僅特定協定方案支援跨來源請求。

要解決此問題，必須採取以下措施：

首先，確保在Angular Service 包含適當的協定方案。在本例中，它應該是“http”。將基本 URL 變更為：

this._baseUrl = 'http://localhost:4201/';

其次，驗證 Express 伺服器是否已正確設定 CORS。確保正確使用 cors 模組，並考慮為 CORS 明確設定適當的 HTTP 標頭。

例如，在處理函數中，您可以添加以下程式碼來設定標頭：

res.header('Access-Control-Allow-Origin', '*');
res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");

此外，請考慮檢查瀏覽器控制台並檢查是否有任何其他錯誤訊息，以便進一步深入了解問題。

以上是將 Angular 前端連接到 Express 後端時如何修復 CORS 錯誤？的詳細內容。更多資訊請關注PHP中文網其他相關文章！