2017-08-03 11 views
0

example.comサイトのjs、css、image、fontおよびその他の追加ファイルにstatic.example.comドメインを使用しています。フォントを除くすべてのファイルが正常に読み込まれました! CORSポリシーによってブロックされている「http://static.example.com/fonts/fontawesome-webfont.ttf?v=4.3.0」「http://example.com」原点からのフォントに自分のサイトの静的サーバーからフォントを読み込めません

アクセス::私は、デベロッパーツールのコンソール・ペインでこのエラーを取得しない「アクセス制御 - 許可 - 起源」ヘッダーが上に存在します要求されたリソース。 Origin 'http://onedevgroup.com'はアクセスできません。

どのように修正できますか?
注:私は、Apacheサーバを使用してい

  1. static.example.comルートに.htaccessファイルをあります。

これは、ルート上の.htaccessです:

<IfModule mod_headers.c> 
    Header set Access-Control-Allow-Origin "*" 
</IfModule> 
+0

はあなたがで '/'を追加しようとした持ってチェックするためにこれを追加URLの最後? – Lag

+0

フォントmimetype/filetype命令を追加して、サーバが静的コンテンツではなくサーバー制御下にあることをサーバが認識できるようにしましたか? –

答えて

0

<IfModule mod_headers.c> 
    <FilesMatch "\.(ttf|ttc|otf|eot|woff|woff2|font.css|css|js)$"> 
    Header set Access-Control-Allow-Origin "*" 
    </FilesMatch> 
</IfModule> 

を.htaccessファイルやHTTP、HTTPS

+0

http(s)をチェックする方法は? –

+0

注:良いサーバー構成は必要以上にホワイトリストを作成しないので、これらのエクステンションをすべて追加せず、それらが含まれていることを知っているディレクトリのものだけを追加してください。たとえば、ルートのフォントクリアランスを固執しないでください。代わりに、あなたのフォントディレクトリで 'woff'を明確にクリアしてください(最近、すべてのブラウザでwoffを使うことができるので、svg、ttf、otfも提供されません)。最新のブラウザではwoff2しかありません。サポートされているより長いバージョンのIE) –

関連する問題