如何在 Phoenix 框架上设置浏览器缓存和过期标头？答案

【问题标题】：How to set up Browser Caching and Expiry Headers on the Phoenix Framework?如何在 Phoenix 框架上设置浏览器缓存和过期标头？
【发布时间】：2017-08-25 21:31:21
【问题描述】：

我只是通过 Google Page Speed Insights 和 GTMetrix.com 运行我的 phoenix 应用程序/网站

他们都建议向静态资产“添加到期标头”：

更具体地说：添加“遥远的到期日期”。

我查看了 Plug 文档，在我看来它应该按原样工作。我尝试使用 gzip :true 选项只是为了它。

显然 ($ curl -vI https://liberty.ai/images/logo-liberty-app@1x.png) Max-Age 设置为四个小时 (14400/60*60)，有什么办法可以更改吗？

< Cache-Control: public, max-age=14400
Cache-Control: public, max-age=14400
< Strict-Transport-Security: max-age=31536000
Strict-Transport-Security: max-age=31536000
< Etag: E640E7
Etag: E640E7

【问题讨论】：

我在该 URL 上看到 Cache-Control: public, max-age=31536000。
你说得对，我刚刚修好了。这是 CloudFlare 仪表板中的一个设置……抱歉。

标签： performance caching elixir browser-cache phoenix-framework

【解决方案1】：

事实证明，CloudFlare 的缓存选项完全覆盖了应用程序设置。

当我通过将 4 小时的默认缓存“切换”为我想要的任何内容来使其工作时，我正在试验这些配置。

我会把它放在这里以防其他人面临同样的问题......

【讨论】：