最近のアクセス:
サーバーレスバックエンドを使用した Angular フロントエンドアプリケーションのデプロイ方法

Angular アプリケーションをデプロイする場合、バックエンドサービスをサーバーレスとしてデプロイするよう指定できます。それらを Azure Functions としてデプロイできます。
その後、クロス オリジン リソース共有 - CORS を設定する必要があります。
この設定は、フロントエンドアプリケーションをデプロイした後に行う必要があります (「フロントエンドアプリケーションをクラウドプロバイダーのオブジェクトストレージにデプロイする方法」を参照)。
Azure API Management (APIM) をバックエンドサービスのデプロイに使用する場合、Azure ポータルで APIM の API 受信ポリシーを設定し、Angular アプリが実行されているマシンの CORS Allow Origin ポリシーを設定します。
イメージ:49966.png
例:
<cors allow-credentials="true">
  <allowed-origins>
    <origin>http://localhost:62560/</origin>
  </allowed-origins>
  <allowed-methods preflight-result-max-age="300">
     <method>*</method>
  </allowed-methods>
  <allowed-headers>
    <header>*</header>
  </allowed-headers>
  <expose-headers>
    <header>*</header>
  </expose-headers>
</cors>
詳細については、Azure のドキュメントを参照してください。
APIM を使用せず Azure Functions としてデプロイするだけの場合は、Function App の Function App CORS の設定 (左側のメニュー) で CORS を設定してください。
イメージ:49728.png


サブページ
Created: 23/04/24 18:11 by Admin Last update: 24/03/25 23:57 by Admin
カテゴリ
Powered by GXwiki 3.0