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 小时前
Vue+spring boot前后端分离项目搭建---小白入门
前端·vue.js·spring boot
武昌库里写JAVA1 小时前
Vue状态管理实践:使用Vuex进行前端状态管理
java·vue.js·spring boot·课程设计·宠物管理
宇宙中最后一个太阳1 小时前
10 分钟构建 Vue 3 端到端类型安全的表单
前端·vue.js
爱捣鼓的XiaoPu2 小时前
基于Spring Boot+Vue的“暖寓”宿舍管理系统设计与实现(源码及文档)
vue.js·spring boot·后端
凉、介2 小时前
CPU Cache 的映射与寻址
linux·arm开发·数据库·redis·缓存·嵌入式
SuperherRo2 小时前
Web攻防-XSS跨站&浏览器UXSS&突变MXSS&Vue&React&Electron框架&JQuery库&写法和版本
vue.js·electron·jquery·react·xss·mxss·uxss
我在北京coding3 小时前
Uncaught (in promise) TypeError: x.isoWeek is not a function
开发语言·javascript·vue.js
阿珊和她的猫3 小时前
`toRaw` 与 `markRaw`:Vue3 响应式系统的细粒度控制
前端·javascript·vue.js·typescript
网络点点滴3 小时前
探索 Vue 替代方案
前端·javascript·vue.js
江城开朗的豌豆3 小时前
Vue的keep-alive缓存揭秘:多出来的生命周期怎么玩?
前端·javascript·vue.js