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

相关推荐
尘中客4 小时前
放弃 Echarts?前端直接渲染后端高精度 SVG 矢量图流的踩坑记录
前端·javascript·echarts·前端开发·svg矢量图·echarts避坑
FreeBuf_4 小时前
Chrome 0Day漏洞遭野外利用
前端·chrome
小彭努力中4 小时前
199.Vue3 + OpenLayers 实现:点击 / 拖动地图播放音频
前端·vue.js·音视频·openlayers·animate
2501_916007474 小时前
网站爬虫原理,基于浏览器点击行为还原可接口请求
前端·javascript·爬虫·ios·小程序·uni-app·iphone
前端大波5 小时前
Sentry 每日错误巡检自动化:设计思路与上手实战
前端·自动化·sentry
ZC跨境爬虫6 小时前
使用Claude Code开发校园交友平台前端UI全记录(含架构、坑点、登录逻辑及算法)
前端·ui·架构
慧一居士6 小时前
Vue项目中,何时使用布局、子组件嵌套、插槽 对应的使用场景,和完整的使用示例
前端·vue.js
Можно6 小时前
uni.request 和 axios 的区别?前端请求库全面对比
前端·uni-app
M ? A7 小时前
解决 VuReact 中 ESLint 规则冲突的完整指南
前端·react.js·前端框架
摇滚侠7 小时前
搭建前端开发环境 安装 nodejs 设置淘宝镜像 最简化最标准版本 不使用 NVM NVM 高版本无法安装低版本 nodejs
java·开发语言·node.js