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
---
相关推荐
好学且牛逼的马41 分钟前
vue3笔记
vue.js
用户3802258598241 小时前
vue3源码解析:watch的实现
前端·vue.js·源码
Catfood_Eason1 小时前
Vue+axios
前端·javascript·vue.js
儿歌八万首1 小时前
UniApp 加载 Web 页面解决方案
javascript·vue.js·uni-app
ChongYu重玉2 小时前
【node/vue】css制作可3D旋转倾斜的图片,朝向鼠标
javascript·css·vue.js·经验分享·笔记·node.js·vue
江城开朗的豌豆3 小时前
Vue3 数据绑定的进化:为什么Proxy取代了defineProperty
前端·javascript·vue.js
江城开朗的豌豆3 小时前
Vue 祖孙组件通信:3种实用方案,轻松搞定跨代传值!
前端·javascript·vue.js
独立开阀者_FwtCoder3 小时前
Vue3 开发新选择:又一 Hooks 神库开源!
前端·javascript·vue.js
江城开朗的豌豆3 小时前
Vue项目多代理配置指南:轻松搞定跨域请求分流!
前端·javascript·vue.js
代码老y4 小时前
穿透、误伤与回环——Redis 缓存防御体系的负向路径与治理艺术
数据库·redis·缓存