即使密钥缓存在 Next.js 中，也会导致 useSWR 在页面加载时重新获取

Question

所以我正在使用 useSWR 挂钩从我的 api 端点获取数据。我知道它使用 api 路由作为缓存数据的键。

问题是，我在 2 个页面（我们称它们为第 1 页和第 2 页）上使用 api 路由，只是查询不同。因此，每当我首先访问第 1 页，然后导航到第 2 页时，它会显示第 1 页的缓存版本，反之亦然。

我尝试在两个页面上都使用 mutate 函数，它所做的只是在重新验证之前首先显示缓存的版本。这并不理想。我想要的是页面挂载，应该显示正确的数据。

我还尝试在 _app.js 的 SWRConfig 选项中将 revalidateOnMount 标志设置为 true，如下所示：

...
   <SWRConfig value={{ revalidateOnMount: true}}>
      ...
    </SWRConfig>
...

无效。

我应该提一下，我在两个页面上都有来自 getStaticProps 函数的 initialData。

希望能提供任何帮助。卡在这上面好久了。

Answer 1

正如@juliomalves 上面指出的那样，您可以将 multiple arguments 传递给挂钩，它们都成为缓存数据的关键。