如何利用node实现静态文件缓存详解

第如何利用node实现静态文件缓存详解//接收文件路径返回该文件对应的文件类型格式

constmime=require("mime");//npmimime

constserver=http.createServer((req,res)={

let{pathname,query}=url.parse(req.url,true);

//__dirname当前文件所在的文件夹所处的绝对路径和请求路径拼接

letfilePath=path.join(__dirname,"public",pathname);

console.log(req.url);//10s内反复刷新页面，查看是否持续打印，命中强缓存则10s打印一次

//设置头部缓存信息,规定的缓存时间内，客户端无需再向服务器发起请求

res.setHeader("Cache-Control","max-age=10");//设置缓存时常；请求的当前时间+max-age的相对时间内，优先级比Expires高

res.setHeader("Expires",newDate(Date.now()+10).toUTCString());//兼容低版本浏览器,这个就是设置绝对时间，获取的是服务器的当前时间

//获取请求路径判断是文件还是文件目录

fs.stat(filePath,function(err,statObj){

//url解析错误，则请求错误没有找到对应url资源返回404

if(err){

res.statusCode=404;

res.end("NOTFOUND");

}else{

//如果是文件,用可读流+管道pipe进行文件内容读取,利用mime获取文件内容格式，并设置编码规范为utf-8

if(statObj.isFile()){

fs.createReadStream(filePath).pipe(res);

res.setHeader(

"Content-Type",

mime.getType(filePath)+";charset=utf-8"

}else{

//如果是文件目录找到目录下对应的index.html

lethtmlPath=path.join(filePath,"index.html");

//fs.access判断拼接的路径是否可访问

fs.access(htmlPath,function(err){

if(err){

//不可访问设置状态码404

res.statusCode=404;

res.end("NOTFOUND");

}else{

//可访问，用可读流加管道pipe进行文件内容读取

fs.createReadStream(htmlPath).pipe(res);

res.setHeader("Content-Type","text/html;charset=utf-8");

//写到这里可以nodemoncache.js启动服务查看http://localhost:3000/

server.listen(3000,()={

console.log("serverstart3000");

效果展示

协商缓存

成功

创建服务

首次请求解析请求路径，fs.createReadStream().pipe()读取文件

设置响应头Last-modified返回浏览器