此功能允许你重新渲染在“管理面板”中内容发生变化的页面
此功能允许你重新渲染在“管理面板”中内容发生变化的页面。
默认情况下，页面以静态版本提供。
我们将修改 layout.tsx 文件。
import { Refresher } from 'cms-renderer/lib/refresher';
import { revalidatePath } from 'next/cache';
// 在重新验证时运行的函数
async function revalidate() {
'use server';
revalidatePath('/', 'layout'); // 重新计算这些页面的缓存
}
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
return (
<html lang="en">
<body className="min-h-screen bg-bg-base text-text-primary antialiased">
<Refresher // 输入正确的凭据
websiteId={"..."}
cmsUrl={"..."}
apiKey={"..."}
/>
{children}
</body>
</html>
);
}
在更改根布局后，你可以编辑数据库中的字段，并在刷新页面后看到更新。