从AWS提供时,Glyphicons不会显示

时间:2015-10-22 20:12:31

标签: twitter-bootstrap ruby-on-rails-4 amazon-s3 glyphicons asset-sync

使用asset_sync gem,我已经预编译并将我的本地资产同步到亚马逊的s3中。这包括bootstrap.min.css和各种glyphicon webfonts。

当资产在本地托管时,glyphicons看起来很好,但是当从s3托管时,chrome和firefox无法识别它们(safari认为它们很好)。

使用Chrome的开发者工具进行检查。我看到glyphicons正在加载200状态,并且预编译的all.css正确指向字体在s3中的位置。

我遇到了一些帖子,建议更新一些相关的宝石,但我有比其他(有些)类似问题更新的宝石。这些宝石如下:  
sass-rails(5.0.4)  
sass(3.4.19)  
bootstrap-sass(3.3.5.1)  
链轮(2.12.4)

1 个答案:

答案 0 :(得分:1)

根据AWS自己的文档,您需要在S3上启用跨源资源共享(CORS)。为此,请登录您的AWS帐户,右键单击要启用的存储桶,选择“权限”,然后编辑为允许CORS而提供的cors.xml文件。

源:
http://docs.aws.amazon.com/AmazonS3/latest/dev/cors.html