max-age無法解決客戶端和服務器端時間不一致的問題

max-age無法解決客戶端和服務器端時間不一致的問題
問題是這樣的：
話說，Cache-Control:max-age=N 的優(yōu)先級高于 Expires（現(xiàn)在大多數(shù)瀏覽器都是遵循h(huán)ttp1.1）
但是我測試的時候，服務器的時間比本地時間慢100s（比如本地的時間戳現(xiàn)在是200s，那么服務器的時間戳是100s）
我在Nginx中設(shè)置了css的max-age=60，然而發(fā)現(xiàn)，我在60s之內(nèi)再次訪問該css資源時，竟然返回304，理論上應該返回200(from cache)才對啊
求解，謝謝諸位
測試環(huán)境：Chrome 64.0.3282.186（正式版本）（64 位）
第一次請求：

后續(xù)請求：

Nginx配置：

回答

編輯回答

詆毀你

由服務器與瀏覽器的時間差引起.

假設(shè)服務器在 A 時間返回內(nèi)容, 那么返回的 HTTP 頭類似這樣:

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

可知 css 的有效時間窗口是 A ~ A+60, 瀏覽器接到時(忽略網(wǎng)絡傳輸?shù)绕渌臅r)為 A + 100 時間, 它通過計算 <Date> + <max-age> 得知 css 內(nèi)容已經(jīng)過期, 因為 A + 100 > A + 60, 因此會重新驗證內(nèi)容(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))
}

2018年8月13日 18:57