vuepress 浏览器加载缓存,总是显示旧页面,无法自动刷新数据的解决方法

vuepress 采用多页面形式,每个md文件在打包时,都会被转为一个html页面;而浏览器默认会缓存页面,导致更新的页面必须手动刷新才行

对于更新较为频繁的文档

  • 全局可在config.js里设置

参考文档:

https://vuepress.github.io/zh/reference/config.html#head

https://vuepress.github.io/zh/reference/frontmatter.html#description

js 复制代码
export default defineUserConfig({
  ...
  head: [
    ["meta", {"http-equiv": "Pragma", content: "no-cache"}],
    ["meta", {"http-equiv": "Cache-Control", content: "no-cache"}],
    ["meta", {"http-equiv": "Expires", content: "0"}]
  ],
})
  • 单页面可以按Frontmatter语法要求在相应md文件设置
md 复制代码
---
head:
  - - meta
    - http-equiv: Pragma
      content: no-cache
    - http-equiv: Cache-Control
       content: no-cache
    - http-equiv: Expires
       content: 0
---
相关推荐
java1234_小锋8 小时前
Vue3专题 - 事件处理
javascript·vue.js
宿67411 小时前
vue3-DOM树
前端·javascript·vue.js
math_hongfan11 小时前
鸿蒙离线数据缓存高级架构:弱网预加载/离线数据优先级/同步冲突解决/上线后数据合并策略
学习·缓存·华为·架构·harmonyos·鸿蒙
宿67417 小时前
tsconfig.node.json
前端·javascript·vue.js
海上小飞龙17 小时前
Redis 持久化:RDB 与 AOF
数据库·redis·缓存
math_hongfan19 小时前
鸿蒙存储碎片高级清理机制:数据库Vacuum/文件碎片整理/缓存过期清理/主动空间回收策略
jvm·数据库·学习·缓存·华为·harmonyos·鸿蒙
lllsure19 小时前
Vue&React Router
前端·vue.js·react.js
范什么特西20 小时前
知识总结04(redis)
数据库·redis·缓存
無a伟1 天前
redis缓存完整详解
数据库·redis·缓存
踩着两条虫2 天前
VTJ.PRO AI Agent 技术白皮书
前端·vue.js·低代码