为什么要用max-age替代Expires？

哈喽大家好呀，我是前端理想哥，今天理想哥想和大家聊聊Expires和Cache-Control中的max-age他们两个之间的区别。

相信了解HTTP强缓存的朋友应该都熟悉这两个属性，但是应该还有很多同学不熟悉这两者的区别，今天理想哥给大家把它们俩个之间的区别讲清楚。

我们在HTTP/1.0中去实现有效期是通过Expires返回头来指定的，就像这样：

Expires: Wed, 21 Oct 2015 07:28:00 GMT

大家可以看到，Expires的值是一个明确的时间戳，表示资源的过期时间。

浏览器会比对用户电脑的本地时间和Expires过期时间，如果说本地时间小于这个过期时间，它就会去直接读取缓存中的资源，在这里，就会出现一个问题了。

因为Expires是一个服务器时间，而用户本地电脑是客户端时间，如果用户故意去改变了本地的客户端时间，就会导致Expires的效果出现问题了。

比如，有个用户把自己电脑本地时间修改成了前一天，那么就会发现，该用户访问这个网站时，本来需要重新去服务器请求资源，但因为该用户修改了本地时间，导致一直都是使用了缓存中的资源。

虽然对用户也没太大影响，但是确实影响了网站的缓存设置效果。

所以呢，在HTTP/1.1中就使用了max-age替代了Expires。

max-age的值如下所示

Access-Control-Max-Age: 600

大家可以看到，它是一个时间长度，意味着这个资源它会在这个时间长度内都是有效的。max-age计算的时间基准是来自于用户的客户端。

所以呢，就规避了Expires产生的服务器和客户端时间不一致的问题。因为max-age它计算的起始时间都是来自于用户的客户端时间。

目前，max-age的优先级高于Expires，如果说两者同时出现，就以max-age为准。

以上就是所有内容了，希望可以帮助到大家，感谢大家。