静态资源在阿里云cdn上未命中缓存

几个站点的cdn是采用阿里云的cdn,在检查资源的时候发现某些静态资源没有缓存成功,容易造成不必要的请求。由于静态资源会被本地缓存,所以对服务器请求影响相对小点。针对于这种潜在问题,做个检查处理。

1、问题

  • 查看阿里云后台对应cdn缓存生效规则,针对的是全站点/规则,且缓存时间是一个月。
  • 查看该图,静态资源的X-Cache请求头未命中HIT
  • 查看该图,静态资源存在强缓存策略Cache-Control,同时设置过期时间0。怀疑是这个问题,导致缓存不生效。

2、处理

less 复制代码
app.use('/static', express.static(path.join(__dirname, "public"),{
  maxAge: '2592000000'
}));

3、原因

阿里云CDN默认缓存规则及优先级,后期需要注意资源是否设置强缓存或者协商缓存

4、参考

相关推荐
光影少年10 小时前
React vs Next.js
前端·javascript·react.js
谢尔登10 小时前
Vue3 响应式系统——ref 和 reactive
前端·javascript·vue.js
OEC小胖胖10 小时前
16|总复习:把前 15 章串成一张 React 源码主线地图
前端·react.js·前端框架·react·开源库
董世昌4110 小时前
HTTP协议中,GET和POST有什么区别?分别适用什么场景?
java·开发语言·前端
_OP_CHEN10 小时前
【前端开发之HTML】(二)HTML 常见标签(上):从入门到实战,搞定网页基础排版!
前端·css·html·前端开发·网页开发·html标签
满栀58510 小时前
插件轮播图制作
开发语言·前端·javascript·jquery
切糕师学AI10 小时前
Vue 中的计算属性(computed)
前端·javascript·vue.js
程琬清君10 小时前
Vue3DraggableResizable可移动范围有问题
前端·javascript·vue.js
lkbhua莱克瓦2410 小时前
CSS盒子模型:网页布局的基石与艺术
前端·css·笔记·javaweb
winfredzhang10 小时前
实战:从零构建一个支持屏幕录制与片段合并的视频管理系统 (Node.js + FFmpeg)
ffmpeg·node.js·音视频·录屏