上面是浏览器的缓存机制,如果不清楚的小伙伴可以去瞧瞧。
我们来简单用代码试试。
协商缓存
我们先试一下协商缓存的last-modified
我们简单的使用http协议创建一个服务器,然后在public目录下面存放一些资源(一个html,一个css)。我们访问html文件。
我们使用Last-modified属性,保存的是html文件最后的修改的时间.toUTCString(),浏览器知道我们的响应请求头里面有Last-Modified属性,那么下一次发送请求时就会带上一个If-Modified-Since属性,值就是上一次的服务器返回的。那么服务器就应该用当前的文件最后的修改的时间.toUTCString()与它匹配,如果相等,那么我们就只需要返回304,不相等就返回当前最新的文件,并且发送Last-Modified
const http = require("http");
const chalk = require("chalk");
const url = require("url");
const mime = require('mime');
const fs = require("fs");
const path = require("path");
const { promisify } = require("util");
const stat = promisify(fs.stat);
const server = http.createServer(async function (req, res) {
const { pathname } = url.parse(req.url);
const filename = path.join(process.cwd(), pathname);
try {
const status = await stat(filename);
if (req.headers["if-modified-since"] === status.ctime.toUTCString()) {//匹配成功
res.writeHead(304);
res.end();
return ;
}
res.setHeader("Content-Type", mim