NextJs 缓存文件内容

Question

我在 NextJs 中有一个项目。在客户端组件中，我有一个添加按钮，我可以使用它来创建新的服务器配置数据（名称、url）并将其保存到服务器端的文件中（此文件内容数组的服务器配置）。但是当我更新此文件时，我想在服务器端重新呈现该组件。如果我使用从获取中获取服务器配置数据，我可以使用重新验证缓存，但我不会从服务器而是从文件中获取此数据。所以我想知道你是否知道任何方法，通过它我可以重新验证这个组件，并且它必须再次加载整个文件并获取 URL（这里不必使每个 URL 无效，因为我只向数组）。

Answer 1

在 Next.js 13+ 中，默认情况下会缓存获取请求。

要在客户端禁用缓存，您可以在发出获取请求时添加缓存：'no-cache'选项：

fetch('/api/data', {
   cache: 'no-cache',
});

在服务器端，Next.js 默认情况下还会缓存 GET 路由处理程序的获取请求。为了始终获取最新数据并防止缓存，您可以通过添加以下内容使路由动态化：

export const dynamic = 'force-dynamic';

export async function GET() {
  // Your logic here
}