静态资源在阿里云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、参考

相关推荐
雪芽蓝域zzs2 小时前
第三节:目录结构重构(仿若依,优化层级,layout 与 components 同级)
前端·vue.js·重构
子非鱼a3 小时前
【WEB】[NewStarCTF 公开赛赛道]UnserializeOne
前端·javascript·html
南雨北斗3 小时前
Vue3 v-model中的自动事件绑定
前端
雪芽蓝域zzs4 小时前
第八节:Element Plus 基础、封装通用组件 + 路由守卫
前端·vue.js
码视野4 小时前
基于 Spring Boot + Vue3 的【智慧公厕微负压排风除臭与客流人感空间占用导引中台】设计与实现(含PRD/三端高保真源码/大屏)
前端·vue.js·人工智能·spring boot·后端
计算机魔术师4 小时前
刚赔了15亿又来被告?索尼华纳联手把Anthropic告上法庭
前端
笑霸final4 小时前
不用上传服务器!用 Vue3 + ONNX Runtime Web 在浏览器本地实现智能抠图
运维·前端·图像处理·ai·onnx·canva可画·web性能优化
月月大王的3D日记5 小时前
Three.js 入门系列(9):从零搭一座“闹鬼小屋”
前端·javascript
TingTing5 小时前
Vue3动态组件库建设
前端
码上暴富5 小时前
Cursor / VS Code 自定义文件颜色
前端·vscode