revalidatePath

revalidatePath 允许您按需清除特定路径的缓存数据。

须知:

revalidatePath 在 Node.js 和 Edge 运行时中均可使用。

revalidatePath 仅在下次访问包含的路径时才会使缓存失效。这意味着使用动态路由段调用 revalidatePath 不会立即触发大量重新验证。失效只会在下次访问路径时发生。

参数

revalidatePath(path: string, type?: 'page' | 'layout'): void;

path: 可以是字符串形式，表示您希望重新验证的数据关联的文件系统路径（例如 /product/[slug]/page），也可以是字面路由段（例如 /product/123）。必须少于 1024 个字符。
type: （可选）'page' 或 'layout' 字符串，用于更改要重新验证的路径类型。

返回值

revalidatePath 不返回任何值。

示例

重新验证特定 URL

import { revalidatePath } from 'next/cache'
revalidatePath('/blog/post-1')

这将在下次页面访问时重新验证一个特定的 URL。

重新验证页面路径

import { revalidatePath } from 'next/cache'
revalidatePath('/blog/[slug]', 'page')
// 或使用路由组
revalidatePath('/(main)/post/[slug]', 'page')

这将在下次页面访问时重新验证任何匹配提供的 page 文件的 URL。这不会使特定页面下的页面失效。例如，/blog/[slug] 不会使 /blog/[slug]/[author] 失效。

重新验证布局路径

import { revalidatePath } from 'next/cache'
revalidatePath('/blog/[slug]', 'layout')
// 或使用路由组
revalidatePath('/(main)/post/[slug]', 'layout')

这将在下次页面访问时重新验证任何匹配提供的 layout 文件的 URL。这将导致具有相同布局的下级页面在下次访问时重新验证。例如，在上述情况下，/blog/[slug]/[another] 也会在下次访问时重新验证。

服务端操作 (Server Action)

'use server'

import { revalidatePath } from 'next/cache'

export default async function submit() {
  await submitForm()
  revalidatePath('/')
}

路由处理器 (Route Handler)

import { revalidatePath } from 'next/cache'
import { NextRequest } from 'next/server'

export async function GET(request: NextRequest) {
  const path = request.nextUrl.searchParams.get('path')

  if (path) {
    revalidatePath(path)
    return Response.json({ revalidated: true, now: Date.now() })
  }

  return Response.json({
    revalidated: false,
    now: Date.now(),
    message: 'Missing path to revalidate',
  })
}

import { revalidatePath } from 'next/cache'

export async function GET(request) {
  const path = request.nextUrl.searchParams.get('path')

  if (path) {
    revalidatePath(path)
    return Response.json({ revalidated: true, now: Date.now() })
  }

  return Response.json({
    revalidated: false,
    now: Date.now(),
    message: 'Missing path to revalidate',
  })
}

On this page