AngularJS アプリケーションでクロスオリジン リソース共有 (CORS) を有効にするにはどうすればよいですか?

AngularJS のクロスオリジン リソース共有 (CORS)

CORS の概要

CORS により有効になりますWeb ブラウザは、スクリプトを提供したドメインとは異なるドメインにリクエストを送信します。これは、HTTP 専用ドメインからリソースにアクセスする場合、またはブラウザが別のプロトコル (HTTPS など) を使用している場合に必要です。

AngularJS で CORS を有効にする

CORS AngularJS 内から直接有効にすることはできません。代わりに、要求されたリソースをホストしているサーバーは CORS を実装する必要があります。サーバーは、応答で次の HTTP ヘッダーを送信する必要があります:

• Access-Control-Allow-Origin: リクエストの実行を許可されている Web サイトのオリジン。
• Access- Control-Allow-Methods: リクエストに許可される HTTP メソッド。
• Access-Control-Allow-Headers:リクエストで許可される HTTP ヘッダー。

サーバー側の実装

CORS のサーバー側実装は、使用されているフレームワークによって異なります。たとえば、PHP では、次のコードを .htaccess ファイルに追加できます。

Header set Access-Control-Allow-Origin "*"
Header set Access-Control-Allow-Methods "GET, POST, OPTIONS"
Header set Access-Control-Allow-Headers "Content-Type, Authorization"

追加の考慮事項

• Authorization ヘッダーがサーバー上の Access-Control-Allow-Headers 応答ヘッダーで許可されています。
• ブラウザは自動的に送信します。実際のリクエストを送信する前に、プリフライトリクエスト (OPTIONS) を実行します。サーバーは、適切な HTTP ヘッダーを使用してこのプリフライト リクエストに応答する必要があります。
• 詳細については、CORS 仕様を参照してください。

結論

AngularJS で CORS を有効にするには、要求されたリソースをホストするサーバーの協力が必要です。サーバーに CORS を実装することで、Web サイトはさまざまなドメインやプロトコルからのリソースへのアクセスを許可できます。

以上がAngularJS アプリケーションでクロスオリジン リソース共有 (CORS) を有効にするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。