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
---
相关推荐
技术钱1 天前
vue3 两份json数据对比不同的页面给于颜色标识
前端·vue.js·json
Flash Dog1 天前
【Vue】——路由
vue.js
Lisonseekpan1 天前
Guava Cache 高性能本地缓存库详解与使用案例
java·spring boot·后端·缓存·guava
我真的是大笨蛋1 天前
Redis的String详解
java·数据库·spring boot·redis·spring·缓存
羊羊小栈1 天前
基于「多模态大模型 + BGE向量检索增强RAG」的航空维修智能问答系统(vue+flask+AI算法)
vue.js·人工智能·python·语言模型·flask·毕业设计
喝拿铁写前端1 天前
Vue 组件通信的两种世界观:`.sync` 与普通 `props` 到底有什么不同?
前端·vue.js·前端框架
用户22152044278001 天前
vue3组件间的通讯方式
前端·vue.js
tyro曹仓舒1 天前
Vue单文件组件到底需不需要写name
前端·vue.js
低调小一1 天前
LRU缓存科普与实现(Kotlin 与 Swift)
开发语言·缓存·kotlin
閞杺哋笨小孩1 天前
Vue3 点击指令(防抖 / 节流)
前端·vue.js