1、设置缓存1小时过期

nginx设置好资源过期时间为1小时

image.png

app文件下的内容

image.png

2、测试缓存生效

在请求一次后第二次请求会从缓存中取内容而不再从服务端请求
缓存有三种

  • from memory cache 浏览器标签tab第二次打开会从内存中取
  • from disk cache 浏览器tab第一次打开并且有缓存从硬盘取
  • Service Worker

image.png

可以看到资源缓存的过期时间是15:58 格林威治时间 也就是23:58

3、测试过期生效

修改系统时间

到 23:59

image.png

304

当前页面刷新一下,发现是304,虽然没改东西但确实是已经发起请求了。

image.png

修改资源文件内容

因为直接从硬盘中取数据,不发送请求,所以显示的最后修改时间和上边一样,没变。

image.png

再次修改系统时间

200

在修改了文本内容后设置系统时间到过期的时间再刷新页面可以看到,没有再从硬盘取数据,而且最后修改时间也发生了变化

image.png