CloudFront无法加载我的字体 - 真棒导轨4

Question

我的导轨应用程序出现问题，我决定将我的资产移动到AWS中的像云端一样的CDN。现在一切都好了。我的资产速度更快，但我遇到了问题：我在应用程序中使用了字体超棒的Gem，因为更改为CloudFront，因此无法加载。

我的应用程序位于heroku，使用CloudFront进行资产管理。而我在生产ENV配置为：

# 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/