瀏覽器和服務器之間經過 (ETag, If-None-Match ) (Last-Modified ,If-Modified-Since) 這兩對請求頭和響應頭的信息,來判斷請求是否過時! 注意,不管是請求靜態資源,仍是請求動態內容,在HTTP協議這一層處理是一致的,並非只有資源纔會緩存。javascript
仍是動手一下印象深入:java
const http = require('http'); const hostname = '127.0.0.1'; const port = 8000; const server = http.createServer((req, res) => { if (req.headers['if-modified-since'] == 'abc') { res.statusCode = 304 res.end(); } else { res.statusCode = 200; res.setHeader("Last-Modified", "abc") res.setHeader('Content-Type', 'text/plain'); res.end('Hello Worl\n'); } }); server.listen(port, hostname, () => { console.log(`服務器運行在 http://${hostname}:${port}/`); });
第一次請求,響應頭會帶上Last-Modified 頭。 第2次請求會使用緩存!請在瀏覽器中動手試一下就明白了瀏覽器