CloudFront 不加载我的字体真棒导轨 4

Question

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

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

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

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

问候！

Answer 1

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

您可以通过首先让 CloudFront 提供服务的网络服务器将要由任何域加载的字体列入白名单，然后发送以下响应标头：

Access-Control-Allow-Origin: "*"

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

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

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