我将 export const getBaseUrlNative = (eUrl : string | undefined, ext : string | undefined) => {
try {
if (!eUrl) throw new Error("Error .")
return ext ? eUrl+ext : eUrl;
} catch (err) {
console.log(err)
}
}
与 getStaticPaths
结合使用,用数据库数据预先构建我所有 300 个作者的页面,以便它们立即加载到客户端。
事实是,这些 getStaticProps
(id = author's id) 页面有一个侧边栏,它是一个组件 /author/[id]
,用于获取带有该作者数据的 props。
现在我还需要创建 <Sidebar props={props} />
(id = video id),它应该具有完全相同的侧边栏,因为我通过视频 id 检索作者的 id,所以它会显示一个视频并将侧边栏放在一边相关作者的数据。
问题是在这种情况下,我无法预先构建整个页面,因为它们太多了,但是这些页面可能具有的侧边栏仍然最多 300 个,因为如前所述,它们填充了 300 个作者的数据。< /p>
那么如何使用 /video/[id]
和 getStaticPaths
缓存侧边栏而不是整个页面?或者对于这种情况,推荐使用 Next.js 的方法是什么?