首頁 >web前端 >js教程 >如何修復 Angular 和 Express 中的'XMLHttpRequest 無法載入...請求僅支援協定:http、資料...” CORS 錯誤?

如何修復 Angular 和 Express 中的'XMLHttpRequest 無法載入...請求僅支援協定:http、資料...” CORS 錯誤?

Patricia Arquette
Patricia Arquette原創
2025-01-02 19:32:38256瀏覽

How to Fix

CORS 錯誤:「XMLHttpRequest 無法載入...請求僅支援以下協定:http、資料...」

問題:

嘗試透過Angular 服務從Express 存取JSON字串時後端,使用者可能會遇到以下CORS 錯誤:「XMLHttpRequest 無法載入localhost:4201/ticker。跨來源請求僅支援協定方案:http、data、chrome、chrome-extension、https。」

回答:

在請求中使用不正確的URL 協定時會出現此錯誤。若要解決此問題,請確保在 URL 中明確指定協定。

在這種特定情況下,解決方案是在Express 後端的localhost 位址前面加上“http://”,如下所示:

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

這可確保使用正確的URL 格式來滿足請求並解決CORS 錯誤。

以上是如何修復 Angular 和 Express 中的'XMLHttpRequest 無法載入...請求僅支援協定:http、資料...” CORS 錯誤?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn