2

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

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

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

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

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

不工作。

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

将不胜感激任何帮助。被困在这个问题上已经有一段时间了。

4

1 回答 1

2

正如@juliomalves 上面指出的那样,您可以将多个参数传递给钩子,它们都成为缓存数据的关键。

于 2021-03-04T11:15:43.840 回答