问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

max-age无法解决客户端和服务器端时间不一致的问题

头像
web360
    8381087120

    max-age无法解决客户端和服务器端时间不一致的问题
    问题是这样的：
    话说，Cache-Control:max-age=N 的 优先级高于 Expires（现在大多数浏览器都是遵循http1.1）
    但是我测试的时候，服务器的时间比本地时间慢100s（比如本地的时间戳现在是200s，那么服务器的时间戳是100s）
    我在Nginx中设置了css的max-age=60，然而发现，我在60s之内再次访问该css资源时，竟然返回304，理论上应该返回200(from cache)才对啊
    求解，谢谢诸位
    测试环境：Chrome 64.0.3282.186（正式版本） （64 位）
    第一次请求：

    clipboard.png
    后续请求：

    clipboard.png

    Nginx配置：

    clipboard.png

    nginxhtml5javascripthttp缓存
    阅读 4.5k
    1 个回答
    得票最新
    头像
    李毅
      5k1219

      由服务器与浏览器的时间差引起.

      假设服务器在 A 时间返回内容, 那么返回的 HTTP 头类似这样:

      Date: A
Cache-Control: max-age=60

      可知 css 的有效时间窗口是 A ~ A+60, 浏览器接到时(忽略网络传输等其他耗时)为 A + 100 时间, 它通过计算 <Date> + <max-age> 得知 css 内容已经过期, 因为 A + 100 > A + 60, 因此会重新验证内容(If-Modified-Since, If-None-Match).

      下面是个模拟的 HTTP 服务器, 你可以自由修改返回头去测试浏览器反应

      // 运行模拟服务器:
//  1. 保存成文件 "demo-server.go"
//  2. 下载 golang, https://golang.org/dl/
//  3. 打开命令行, 运行 "go run demo-server.go"
//  4. 打开浏览器, 访问 http://localhost:8080/
package main

import (
    "fmt"
    "log"
    "net/http"
    "time"
)

func setHeader(w http.ResponseWriter, h map[string]string) {
    for key, value := range h {
        w.Header()[key] = []string{value}
    }
}

func main() {
    http.HandleFunc("/", func(w http.ResponseWriter, r *http.Request) {
        fmt.Fprintf(w, `
        <html>
          <head>
            <link href='/cache.css' rel='stylesheet' type='text/css' />
          </head>
          <body>
            <h2>default page</h2>
          </body>
        </html>
        `)
    })

    http.HandleFunc("/cache.css", func(w http.ResponseWriter, r *http.Request) {
        setHeader(w, map[string]string{
            "Cache-Control": "public, max-age=130",
            "ETag":          "e123456789",
            "Content-Type":  "text/css",
            // 服务器时间慢 100 秒
            "Date": time.Now().Add(time.Second * -100).UTC().Format(http.TimeFormat),
        })
        fmt.Fprintf(w, "h2 {color: red}")
    })

    log.Fatal(http.ListenAndServe("127.0.0.1:8080", nil))
}
      撰写回答
      你尚未登录，登录后可以
      • 和开发者交流问题的细节
      • 关注并接收问题和回答的更新提醒
      • 参与内容的编辑和改进，让解决方法与时俱进
      推荐问题