2017-01-18 6 views
5

私はアプリケーションと同じマシン上で動作するローカルサーバーから画像を取得するためにHTML5 Javascriptアプリを開発しています。私はChromeでアプリを実行すると、私が得た:画像へXAMPPのディレクトリにあるすべてのファイルに対して 'Access-Control-Allow-Origin'ヘッダーを有効にする方法はありますか?

アクセス「をhttp://localhost/someDIrectory/1.jpg」の起源 「http://localhost:50000」からCORSポリシーによってブロックされました:いいえ 「アクセス制御 - 許可 - 起源」ヘッダを要求された リソースに存在します。したがって、オリジン 'http://localhost:50000'は許可されません。 ここでは多くの質問から

、答えは私が

ヘッダ(「アクセス制御 - 許可 - 原産地:*」)を設定する必要があることを指摘。

phpファイルで、それは動作するはずですが、それはphpファイル用です...画像や画像ディレクトリはどうですか?

私もHow do I enable cross-origin resource sharing on XAMPP?に出くわしたとのhttpd.confに

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

を追加しようとしました。私はXAMPPを再起動して上記を再試行しました。しかし、私が得た結果はまだ同じです。

XAMPPの設定を正しく設定するにはどうすればよいですか?

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

+0

''はまったく意味がありません。マニュアルのその指示の説明を読んでください。 – CBroe

答えて

7

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

Header set Access-Control-Allow-Origin "http://localhost:50000/" 
関連する問題