【问题标题】:Amazon CloudFront to serve dynamic Vue.js Build fliesAmazon CloudFront 为动态 Vue.js 构建提供服务
【发布时间】:2018-06-30 07:17:09
【问题描述】:

我正在使用 Amazon ec2 服务器、53 DNS,并且我的网站托管在 namecheap(使用 ssl)。 我想,由于 Vue 构建文件通常很大并且需要很长时间才能下载,所以如果我可以使用 CDN 服务器为它们提供服务会更好。 但是,这些不是静态文件,因为每次我更改我的 Vue 源代码并构建并上传到我的服务器时,文件的内容都会更改,它们的名称也会更改。 那么是否有一个 CDN 选项可以搜索文件并在找到时提供这些文件?

我已经阅读了 S3 与 CloudFront 一起提到的所有内容,但它似乎只支持特定文件上传,并且每次我更改代码时上传我的 Vue 构建文件都很不方便。

【问题讨论】:

  • 嗨。为什么你认为每次更改代码时都上传我的 Vue 构建文件是不合理的?
  • 因为我可能每隔一天更换一次。
  • 在您的开发环境中,您可以通过对 S3 的简单命令自动执行同步过程,并使 CloudFront 缓存无效。这是部署的模式之一。如果这种方法适合您,我可以用详细信息更新答案。
  • “这些不是静态文件,因为每次我更改我的 Vue 源代码并构建并上传到我的服务器时,文件的内容都会更改,它们的名称也会更改。 " 这些听起来仍然像静态文件。静态文件几乎是任何文件,其内容在浏览器请求它之前(而不是之后)呈现,并且其内容不会因请求相同文件名的请求而异。

标签: amazon-web-services amazon-ec2 cdn amazon-cloudfront


【解决方案1】:

在 CloudFront 中为此图像配置 TTL 为 0。您可以选择为不同的原始路径配置不同的 TTL。

如果内容更改为 0,CloudFront 将不会缓存文件。对于所有传入请求,CloudFront 将检查源文件内容是否发生更改,如果原始内容更改,将自动刷新其缓存.

这应该是动态生成内容的理想 TTL 值。如果您认为文件不会经常更改,您可以将 TTL 配置为更高的值。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-05-11
    • 2011-09-06
    • 2019-09-10
    • 2018-11-05
    • 2016-11-24
    • 2022-12-28
    相关资源
    最近更新 更多