【问题标题】:Glyphicons are not showing when served from AWS从 AWS 提供时,字形图标不显示
【发布时间】:2016-01-22 06:02:16
【问题描述】:

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

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

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

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

【问题讨论】:

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


    【解决方案1】:

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

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

    【讨论】:

      猜你喜欢
      • 2015-01-15
      • 1970-01-01
      • 1970-01-01
      • 2016-05-11
      • 2017-02-10
      • 2015-05-30
      • 1970-01-01
      • 1970-01-01
      • 2014-08-27
      相关资源
      最近更新 更多