提供 .js 和 .css 资产 cloudfront CDN Heroku Rails 4 App 的问题

Question

我正在尝试通过 Cloudfront CDN 托管我的 Rails 4 应用程序的资产。我曾经使用asset_sync 和s3，但我想切换到CDN。

当我打开我的 Heroku 应用程序时，我看到所有页面都是纯 HTML。没有加载任何 JS 或 CSS。

这些是我从控制台收到的错误：

控制台错误截图：http://i61.tinypic.com/15rxdsj.jpg

另外，我不确定我是否在 Cloudfront 源设置中正确设置了我的源域名和源路径。 目前，我使用我的 heroku 应用程序 url 作为源域名，使用“/production/assets”作为源路径。

Production.rb 文件：http://pastebin.com/2dzLpGfE

过去一周我一直在尝试让 Heroku 应用程序显示 CSS 和 JS，但没有成功。我将不胜感激任何见解。提前致谢！

Answer 1

迁移到 Cloudfront 并没有您想象的那么剧烈，如果您的一切都在 S3 上运行。毕竟，Cloudfront 只是将 S3 存储桶的内容分发到边缘站点。这意味着您只需让 Rails 知道寻找 CDN 而不是 S3。

可能会发生很多事情。您可能错误地配置了 Cloudfront，它应该指向您的 S3 存储桶作为源。您应该通过使用 Cloudfront URL 检查浏览器中的资产来测试该设置。重点是 Cloudfront 不应该知道您的 Rails 应用程序。

同时，您仍然可以使用 AssetSync 将您的资产推送到位于 assets 路径“下方”的 S3。您还必须按照here 的说明配置config.action_controller.asset_host。