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 中国語 Web サイトの他の関連記事を参照してください。