2017-08-03 25 views
0

我對example.com網站的js,css,圖像,字體和其他附加文件使用static.example.com域。所有文件加載成功,除了字體!我得到DevTools的控制檯窗格此錯誤:在「http://static.example.com/fonts/fontawesome-webfont.ttf?v=4.3.0」從原點「http://example.com」已被阻止通過CORS政策我無法從我的靜態服務器爲我的網站加載字體

訪問字體:否「訪問控制允許來源」標頭出現在請求的資源。因此不允許訪問原產地'http://onedevgroup.com'。

我該如何解決?
注:

  1. 我使用Apache服務器
  2. 上有static.example.com根.htaccess文件。

這是根的.htaccess:

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

你嘗試過加入'/'在網址的結尾? – Lag

+0

您是否還添加了字體mimetype/filetype指令,以便服務器知道它們在服務器控制下而不是靜態內容? –

回答

0

添加此爲.htaccess

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

和檢查HTTP,HTTPS

+0

如何檢查http(s)? –

+0

注意:一個好的服務器配置永遠不會超過你需要的白名單,所以不要添加所有這些擴展名,只添加那些你知道包含它們的dirs。例如,不要在根部清除字體;相反,在你的字體目錄中特別清除'woff'(因爲現在所有的瀏覽器都可以使用woff,不要提供svg,ttf或otf - 對於大多數最新的瀏覽器,唯一可以想到的格式是woff2, IE的更長支持版本) –

相關問題