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

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の静的リソースへのクロスドメインアクセスを可能にするソリューションです。

以下もご興味があるかもしれません:
  • Linux サーバー上のローカル静的リソースにアクセスするために nginx を使用する方法
  • 動的データと静的リソースのリクエストを分離するための Nginx + Tomcat の詳細な説明
  • nginx静的リソースサーバーの簡単な設定の詳細説明
  • Nginxは静的リソースのリバースプロキシの例を実装します
  • nginx-http-concat モジュールを使用して、nginx で静的リソース ファイルをマージします。
  • nginxで静的リソースを公開する方法

<<:  MySQL データベースの Binlog 使用法の概要 (必読)

>>:  JavaScript は setTimeout を使用してカウントダウン効果を実現します

推薦する

Linux システムでの Selenium クローラー プログラムの導入の概要

目次序文1. セレンとは何ですか? 2. 使用手順1. ライブラリをインポートする2. テストコード...

Mysql の追加、削除、変更、クエリステートメントのシンプルな実装

Mysql の追加、削除、変更、クエリステートメントのシンプルな実装追加されたレコード: テーブル名...

require/import キーワードを使用して v-for ループでローカル画像をインポートするいくつかの方法

目次問題の説明方法 1 (バックエンドが画像 URL を返す)方法 2 (フロントエンドで requ...

MySQL グループ化クエリと集計関数

概要私たちは、双十一に天猫で化粧品を購入する人の平均支出額を知りたい(商品の価格帯を見つけるのに役立...

Docker デプロイメント Consul 構成プロセスの分析

コマンドを実行docker run -d --name consul -p 8500:8500 co...

@Font-face の基本的な使い方と、すべてのブラウザと互換性を持たせる方法

@Font-face 基本紹介: @font-face は、Web ページにカスタム フォントを表示...

MySQL 条件付きクエリと使用法および優先順位の例の分析

この記事では、例を使用して、MySQL 条件クエリ and or の使用方法と優先順位を説明します。...

CSS BEM 記述標準の詳細な説明

BEM は、Web 開発に対するコンポーネントベースのアプローチです。ユーザー インターフェイスを独...

オブジェクトアニメーションによってブロックされずにオブジェクトに div を表示する方法

今日はメニューボタンを作りました。マウスをボタンに移動するすると、ドロップダウンサブメニューが表示さ...

Docker.v19 で Docker Compose オーケストレーション ツールをインストールして構成する方法

1. Compose の紹介Compose は、マルチコンテナ Docker アプリケーションを定義...

CSS3 パッケージ化後にプレフィックスプラグインを自動的に追加する方法の詳細な説明: autoprefixer

vue-cli で構築されたプロジェクト スキャフォールディングでは、すでに autoprefix...

Deepin Linuxでカーネルを手動でアップグレードする方法

deepinとUbuntuどちらもdebianをベースにしたディストリビューションであり、ここではU...

HTML ページに画像を挿入し、マップ インデックスを追加する方法の例

1. WEBでサポートされている画像形式: GIF: 256色を保存でき、透明色をサポートし、アニメ...

Windows 10 システムで Mysql8.0.13 のルート パスワードを忘れる方法

1. まずmysqlサービスを停止します管理者としてCMDを開いて閉じるか、Windowsサービスペ...

Linux 仮想マシンの IP アドレスを変更し、ゲートウェイを確認し、ネットワーク環境を構成する方法に関するチュートリアル

仮想マシンの IP アドレスを変更します。 次のインターフェイスに入り、サブネット IP を直接変更...