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

相关推荐
IT_陈寒15 小时前
React状态管理终极对决:Redux vs Context API谁更胜一筹?
前端·人工智能·后端
Kagol16 小时前
TinyVue 支持 Skills 啦!现在你可以让 AI 使用 TinyVue 组件搭建项目
前端·agent·ai编程
柳杉16 小时前
从零打造 AI 全球趋势监测大屏
前端·javascript·aigc
simple_lau16 小时前
Cursor配置MasterGo MCP:一键读取设计稿生成高还原度前端代码
前端·javascript·vue.js
睡不着先生16 小时前
如何设计一个真正可扩展的表单生成器?
前端·javascript·vue.js
天蓝色的鱼鱼16 小时前
模块化与组件化:90%的前端开发者都没搞懂的本质区别
前端·架构·代码规范
明君8799716 小时前
Flutter 如何给图片添加多行文字水印
前端·flutter
leolee1816 小时前
Redux Toolkit 实战使用指南
前端·react.js·redux
bluceli17 小时前
React Hooks最佳实践:写出优雅高效的组件代码
前端·react.js
IT_陈寒17 小时前
JavaScript代码效率提升50%?这5个优化技巧你必须知道!
前端·人工智能·后端