nginx/apache 静的リソースのクロスドメインアクセスの問題を解決する詳細な説明

1. Apache 静的リソースのクロスドメイン アクセス

Apache設定ファイルhttpd.confを見つける

この行を見つける

#LoadModule headers_module modules/mod_headers.so

#コメント文字を削除します

LoadModule headers_module modules/mod_headers.so

目的はApacheヘッダー情報カスタムモジュールを有効にすることです

スタンドアロンホスト構成ファイルに新しいヘッダーを追加する

Header set Access-Control-Allow-Origin *

例えば：

<仮想ホスト *:88>
 サーバー管理者 [email protected]
 ドキュメントルート "****************"
 サーバー名 www.jb51.com
 ヘッダーセット Access-Control-Allow-Origin *

 エラーログ "***********"
 CustomLog "****************************" 共通
<ディレクトリ "*************">
 SetOutputFilter DEFLATE
 オプション FollowSymLinks ExecCGI
 すべて許可が必要
 すべて上書きを許可
 許可、拒否の命令
 すべて許可
 ディレクトリインデックス index.html index.php
</ディレクトリ>
</仮想ホスト>
Apacheコピー

これは、このドメイン名のリソースにアクセスするときにヘッダーを追加することを意味します。

Apacheを再起動します

service httpd restart

2. nginxの静的リソースはクロスドメインアクセスを可能にする

同様に、対応するドメイン名設定ファイルを見つけます。

サーバー モジュールに構成を追加します。

add_header 'Access-Control-Allow-Origin' '*';


例：

サーバー{
    聞く 80;
    add_header 'Access-Control-Allow-Origin' '*';
    場所 /Roboto/ {
      ルート /home/images;
      自動インデックスオン;
    }
  }

nginx のリロード

./nginx -s reload

上記の方法で設定すると、ドメイン間で静的リソースにアクセスする際に問題がなくなります。

上記は、nginx / apacheの静的リソースへのクロスドメインアクセスを可能にするソリューションです。