第一次加载字体时页面加载不了

当我的网站第一次加载时字体没有加载。我收到以下错误第一次加载字体时页面加载不了

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

第一次加载字体时页面加载不了

回答

相关问题