跳到主要内容

缓存策略

  • 配置缓存策略
  • 使用dynamic属性,并且设置为force-dynamic,表示将禁用缓存,每次请求都会重新获取数据
js
export const dynamic = 'force-dynamic' // 动态更新 缓存组件不需要使用这个 默认都是动态内容
export const revalidate = 5 // 5秒后重新更新
//export const revalidate = 0 // 设置为0表示不缓存
  • Fetch请求使用禁用缓存
    • 使用cache属性,并且设置为no-store,每次请求都会重新获取数据
  • connection api
    • connection()后面的内容,被视为动态内容,不会被缓存,不会进行预渲染
  • 设置isc缓存,缓存HTNL内容
    • 配置过期时间,当过期时间之后会重新请求页面数据内容,来更新缓存
    • 配置revalidate来设置isc缓存
    • 注意配置了no-store / revalidate: 0,那就不是 ISR 了