浏览器和服务器之间通过 (ETag, If-None-Match ) (Last-Modified ,If-Modified-Since) 这两对请求头和响应头的信息,来判断请求是否过期! 注意,无论是请求静态资源,还是请求动态内容,在HTTP协议这一层处理是一致的,并不是只有资源才会缓存。
还是动手一下印象深刻:
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次请求会使用缓存!请在浏览器中动手试一下就明白了