所以我使用 useSWR 钩子从我的 api 端点获取数据。我知道它使用 api 路由作为缓存数据的关键。
问题是,我在 2 个页面上使用 api 路由(我们称它们为 Page1 和 Page2),只是使用不同的查询。因此,每当我首先访问 Page1 时,如果我随后导航到第 2 页,它就会显示第 1 页的缓存版本,反之亦然。
我尝试在两个页面上使用 mutate 函数,它所做的只是在重新验证之前首先显示缓存的版本。这并不理想。我想要的是在页面装载上,应该显示正确的数据。
我还尝试在 _app.js 的 SWRConfig 选项中将 revalidateOnMount 标志设置为 true,如下所示:
...
<SWRConfig value={{ revalidateOnMount: true}}>
...
</SWRConfig>
...
不工作。
我应该提一下,我确实在两个页面上都有来自 getStaticProps 函数的 initialData。
将不胜感激任何帮助。被困在这个问题上已经有一段时间了。