前端缓存策略之——弱缓存

58 阅读1分钟

在学习node静态资源中间件的时候,关注了下请求资源的请求头信息,联想起之前学的弱缓存,发现果真如此(这不是废话吗),下面一起来看看。

首先我在静态资源目录下创建了一个txt文件,然后通过app.use(express.static(__dirname+'/public'))来使用静态资源中间件函数。 图一为我第一次请求的请求头

image.png 图一(状态码200)

图二是再次请求的结果

image.png 图二(状态码304)

可以看到,当第二次请求即使用弱缓存时,没有Content-Length和Content-Type字段,同时因为使用的是弱缓存,且此时文件没有修改过,所以再次请求时Last-Modified和Etag字段没有发生变化

接着我修改了txt里的文本内容,文件发生了变化,此时再次做第三次请求,结果如下

image.png 图三(状态码200)

这一次,因为文件发生了变化,故再次请求时发现这一点,于是返回新的资源,重新添加了Content-Length和Content-Type字段,并且Last-Modified和Etag字段也修改,代表文件已改变。