第一次加載字體時頁面加載不了

當我的網站第一次加載時字體沒有加載。我收到以下錯誤第一次加載字體時頁面加載不了

Font from origin 'https://locohop.com' has been blocked from loading by 
Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' 
header is present on the requested resource. Origin 'http://locohop.com' 
is therefore not allowed access.

我很多關谷歌上搜索這個問題是已經問上stackoverflow

我按照上面的問題給出的所有步驟，但字體不正確工作。和我使用AWS EC2實例

這裏是我的CORS配置

<CORSConfiguration> 
    <CORSRule> 
     <AllowedOrigin>https://www.locohop.com</AllowedOrigin> 
     <AllowedOrigin>http://www.locohop.com</AllowedOrigin> 
     <AllowedMethod>GET</AllowedMethod> 
     <MaxAgeSeconds>3000</MaxAgeSeconds> 
     <AllowedHeader>Content-*</AllowedHeader> 
     <AllowedHeader>Host</AllowedHeader> 
    </CORSRule> 
</CORSConfiguration>

我不知道爲什麼我收到此錯誤？非常感謝您的幫助。

謝謝。

來源

2015-10-20 Krishna Kumar Yadav

有趣的是創建一個CORS政策你不提你是否讀過http://docs.aws.amazon.com/AmazonS3/latest/dev/ cors.html或不是，所以：當你使用該頁面的最簡單的例子時會發生什麼？（只有allowedOrigin和allowedMethod，帶'*'頭部容限） –

@Mike是的！我讀過[http://docs.aws.amazon.com/AmazonS3/latest/dev/cors.html](http://docs.aws.amazon.com/AmazonS3/latest/dev/cors.html）並且還檢查了AllowedHeader *但字體不起作用 –

瀏覽器說沒有發送CORS頭文件：你確定你使CORS配置生效嗎？ –

您需要在您的.htacess

Header add Access-Control-Allow-Origin "locohop.com"

來源

2015-10-23 23:03:08

第一次加載字體時頁面加載不了

回答

相關問題