「XMLHttpRequest を読み込めません...リクエストはプロトコルでのみサポートされています: http、データ...\」Angular および Express の CORS エラーを修正する方法

CORS エラー: 「XMLHttpRequest を読み込めません...リクエストはプロトコルでのみサポートされています: http、データ...」

問題:

Angular 経由で JSON 文字列にアクセスしようとしたときExpress バックエンドからのサービスでは、ユーザーに次の CORS エラーが発生する場合があります: 「XMLHttpRequest は localhost:4201/ticker を読み込めません。クロスオリジン リクエストは、プロトコル スキーム: http、data、chrome、chrome-extension、https でのみサポートされています。」

回答:

このエラーは、リクエストで不正な URL プロトコルを使用すると発生します。これを解決するには、URL でプロトコルが明示的に指定されていることを確認します。

この特定のケースでは、解決策は次のように、Express バックエンドのローカルホスト アドレスの前に「http://」を追加することです。

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

これにより、正しい URL 形式を使用してリクエストが実行され、CORS エラーが解決されることが保証されます。

以上が「XMLHttpRequest を読み込めません...リクエストはプロトコルでのみサポートされています: http、データ...\」Angular および Express の CORS エラーを修正する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。