web-dev-qa-db-ja.com

XAMPPのディレクトリ内のすべてのファイルに対して「Access-Control-Allow-Origin」ヘッダーを有効にする方法

アプリと同じマシンで実行されるローカルサーバーから画像を取得するために、HTML5 Javascriptアプリを開発しています。 Chromeでアプリを実行すると、次の結果が得られました。

Originからの「 http：//localhost/someDIrectory/1.jpg 」の画像へのアクセス「 http：// localhost：500 」はCORSポリシーによってブロックされています：いいえ「Access-Control-Allow-Origin」ヘッダーが要求されたリソースに存在します。 Origin ' http：// localhost：500 'はアクセスを許可されていません。

ここの多くの質問から、答えは私が設定する必要があることを指摘しています

header（ "Access-Control-Allow-Origin：*"）;

pHPファイルでそれは動作するはずですが、それはPHPファイル用です...画像または画像のあるディレクトリはどうですか？

私も遭遇しました XAMPPでクロスオリジンリソース共有を有効にするには？ を追加しようとしました

<IfModule C:\xampp\htdocs\someDIrectory\1.jpg>
    Header set Access-Control-Allow-Origin: *
</IfModule>

httpd.confに。 XAMPPを再起動して、上記を再試行しました。しかし、私が得た結果はまだ同じです。

XAMPPのこのような設定を正しくセットアップする方法は？

注：基本的にHTML5/JavascriptとしてエクスポートされるConstruct 2を使用しています。私は単に、Sprite Load From URLアクションを使用しています。

apachexamppcorscross-domainconstruct-2
14
Karl

ファイルのディレクトリに「.htaccess」というファイルを作成し、ファイルに次を追加します。

Header set Access-Control-Allow-Origin "http://localhost:50000/"
21
neville