IIS web.config でクロスドメインアクセスを設定する方法

要件: ページに画像を表示する必要がありますが、さまざまな理由により、画像はサーバー 2 にありますが、表示するプログラムはサーバー 1 にあります。これにより、表示時にクロスドメインの問題が発生しています。当初のアイデアは、バックグラウンドで画像パスを取得するプログラムを直接記述し、画像をダウンロードしてから、画像アドレスをサーバー 1 に返すことでした。ただし、このサイクルの不確実性とこの段階でのプロジェクトの緊急性のため、断念されました。 2 番目の方法に切り替えて、js 経由で画像をサーバーにダウンロードします。。いろいろ情報を探したり、他の人とやり取りしたりしたのですが、実現できないことがわかりました。そこで、js+canvas を使ってローカルに保存しようと思ったのですが、どうやらローカルにしか保存できないらしいことがわかりました。すると、問題は出発点に戻りました。ウェブサイトにすでに写真がある場合、それを直接導入することは可能でしょうか? 情報を調べて慎重に分析し、テストとデバッグを行った後、写真の導入を正確に実装するという問題は解決しました。

プロセス: 画像のインポートのためのクロスドメインソリューション

結果: クロスドメイン問題を解決するためにWebconfig設定を変更する

<?xml バージョン="1.0" エンコーディング="utf-8"?>
 
<!--
  ASP.NET アプリケーションの構成方法の詳細については、http://go.microsoft.com/fwlink/?LinkId=169433 を参照してください。
  -->
 
<構成>
    <システム.web>
        <コンパイルデバッグ="true" targetFramework="4.0" />
  <customErrors mode="Off"/> ここでは、外部ネットワークのエラーログも確認できます <webServices>  
       	  <プロトコル>  
          	<名前を追加="HttpGet"/>  
          	<名前を追加="HttpPost"/>  
        	</プロトコル>  
      	</ウェブサービス>
 
    </システム.web>
  <システム.Webサーバー>  
    <httpプロトコル>   
    <カスタムヘッダー>   
      <add name="Access-Control-Allow-Methods" value="OPTIONS,POST,GET"/>   
      <add name="Access-Control-Allow-Headers" value="x-requested-with,content-type"/>   
      <add name="Access-Control-Allow-Origin" value="*, http://192.168.0.178:8068" />   
    </カスタムヘッダー>   
  </httpプロトコル>   
  
  </system.webServer>

主な問題は、上記のように設定されたクロスドメインアクセス許可の制限です。

このようにして、サーバー 1 で画像を表示するときにクロスドメインの問題を解決できます。

IIS web.config でクロスドメインを設定する方法

ウェブサイトの開発では、クロスドメインが必要になる場合がありますが、IIS はどのようにしてクロスドメインを設定するのでしょうか? web.config ファイルで直接設定することができます。設定方法は次のとおりです。

<システム.Webサーバー>
  <httpプロトコル>
    <カスタムヘッダー>
      <add name="Access-Control-Allow-Methods" value="OPTIONS,POST,GET"/>
      <add name="Access-Control-Allow-Headers" value="x-requested-with"/>
      <add name="Access-Control-Allow-Origin" value="*" />
    </カスタムヘッダー>
  </httpプロトコル>
</system.webServer>

上記の web.config を設定することで、クロスドメイン Web サイトを実現できます。

クロスドメインIIS Webconfig IIS設定方法の共有です

アクセス制御許可オリジンを設定する

IIS を開き、「HTTP 応答ヘッダー」を見つけてクリックします。

右側に「追加」があるので、次のヘッダーを追加します。

アクセス制御許可ヘッダー: コンテンツタイプ、api_key、認証
アクセス制御許可元: *

次のように

<システム.Webサーバー>
<httpプロトコル>
<カスタムヘッダー>
<add name="Access-Control-Allow-Methods" value="OPTIONS,POST,GET"/>
<add name="Access-Control-Allow-Headers" value="x-requested-with,Content-Type"/>
<add name="Access-Control-Allow-Origin" value="*" />
</カスタムヘッダー>
</httpプロトコル>
</system.webServer>

IIS web.config でクロスドメインアクセスを設定する方法については、これで終わりです。IIS クロスドメインアクセスの詳細については、123WORDPRESS.COM の以前の記事を検索するか、次の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

<<: Web デザインにおける HTML フォーマットと長いファイルに関するヒント

>>: MySQL MVCCメカニズム原理の詳細な説明