amazon-ec2 - Cloudfront、EC2 和相对 URL

Question

这可能是一个简单的问题，但我在任何地方都找不到简单的答案。

我的网站托管在 Amazon EC2 上。

我想利用 Amazon Cloudfront 来加快我网站上图像、Javascript 和 CSS 的加载速度。

在我的网站中，我使用相对 URL 来指向驻留在我的 EC2 服务器上的图像、Javascript 和 CSS。

那么，现在，为了利用 Cloudfront，我是否需要将所有相对 URL 更改为指向 Cloudfront 的绝对 URL，还是由 Amazon/EC2/Cloudfront 自动处理？或者，也许更好的提问方式是，我可以将所有 URL 保留为相对 URL，同时仍然获得 Cloudfront 的所有优势吗？

Answer 1

简短的回答是否定的，您的相对 URL 将无法在 CloudFront 上按预期工作 - 除了 Gio Hunt 提到的情况之外一旦您的页面加载 CSS 文件，CSS 文件本身内的任何相对 url 都将解析为 CloudFront，但这对于您的情况可能不是很有用。

See this answer使用 SASS 的解决方案与我过去所做的非常接近:

• I used SASS - http://sass-lang.com
• I have a mixin called cdn.scss with content like $image_path: "/images/";
• Import that mixin in the sass style @import "cdn.scss"
• Update image paths as such: background:url($image_path + "image.png");
• On deployment I change the $image_path variable in the mixin.scss and then rerun sass

基本上，您可以通过创建所有页面都遵循的变量来重新生成 CSS 以使用 CDN (CloudFront) 基本 url。执行此操作的难度取决于您需要更改的引用和文件的数量，但对相对路径的简单搜索和替换非常容易完成。

祝你好运。