ruby-on-rails - CloudFront 不加载我的 Font Awesome rails 4

Question

我的 Rails 应用程序出现问题，我决定将我的 Assets 移动到 AWS 中的 Cloudfront 等 CDN。现在一切都好起来了。我的 Assets 速度更快，但我遇到了问题:我在应用程序中的某些图标上使用了 font-awesome gem，并且由于更改为 CloudFront，它们不会加载。

我的应用在 heroku 上，使用 CloudFront 获取 Assets 。我在生产环境中的配置是:

# config/environments/production.rb
  config.action_controller.asset_host = "<YOUR DISTRIBUTION SUBDOMAIN>.cloudfront.net"

我希望对此有所帮助，因为我找不到答案

问候!

Answer 1

如果您现在从不同的域加载字体，大多数浏览器将应用跨域资源共享限制 - 也就是说，大多数浏览器不会在没有 CORS 策略的情况下从不同的域加载文件。

您可以将要由任何域加载的字体列入白名单，方法是首先让 CloudFront 提供服务的网络服务器发送以下响应 header :

Access-Control-Allow-Origin: "*"

其次，您需要进入 CloudFront 配置并将“Access-Control-Allow-Origin” header 列入白名单，以便从您的网络服务器传递给最终用户。

更多关于 CORS 的阅读可以在这里找到:

• http://docs.aws.amazon.com/AmazonCloudFront/latest/DeveloperGuide/header-caching.html
• http://www.html5rocks.com/en/tutorials/cors/