鍍金池/ 問(wèn)答/HTML5  Java  Linux  HTML/ max-age無(wú)法解決客戶端和服務(wù)器端時(shí)間不一致的問(wèn)題

max-age無(wú)法解決客戶端和服務(wù)器端時(shí)間不一致的問(wèn)題

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

clipboard.png
后續(xù)請(qǐng)求:

clipboard.png

Nginx配置:

clipboard.png

回答
編輯回答
詆毀你

由服務(wù)器與瀏覽器的時(shí)間差引起.

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

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

可知 css 的有效時(shí)間窗口是 A ~ A+60, 瀏覽器接到時(shí)(忽略網(wǎng)絡(luò)傳輸?shù)绕渌臅r(shí))為 A + 100 時(shí)間, 它通過(guò)計(jì)算 <Date> + <max-age> 得知 css 內(nèi)容已經(jīng)過(guò)期, 因?yàn)?A + 100 > A + 60, 因此會(huì)重新驗(yàn)證內(nèi)容(If-Modified-Since, If-None-Match).

下面是個(gè)模擬的 HTTP 服務(wù)器, 你可以自由修改返回頭去測(cè)試瀏覽器反應(yīng)

// 運(yùn)行模擬服務(wù)器:
//  1. 保存成文件 "demo-server.go"
//  2. 下載 golang, https://golang.org/dl/
//  3. 打開(kāi)命令行, 運(yùn)行 "go run demo-server.go"
//  4. 打開(kāi)瀏覽器, 訪問(wèn) 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",
            // 服務(wù)器時(shí)間慢 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