NodeJS -- 浏览器缓存机制

 浏览器缓存机制

上面是浏览器的缓存机制，如果不清楚的小伙伴可以去瞧瞧。

我们来简单用代码试试。

协商缓存

我们先试一下协商缓存的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 ;
        }