【问题标题】:Is there some way to read props from the server when _app loads_app加载时是否有某种方法可以从服务器读取道具
【发布时间】:2022-01-15 08:48:42
【问题描述】:

我想根据我的 /pages 目录创建一个动态导航菜单,以便在我添加新文件时扫描文件夹并自动更新菜单链接。我正在分阶段尝试。

第 1 阶段:我创建了一个独立的导航栏页面,它有自己的 getServerSideProps 来读取文件系统并返回 /pages。这很好用。

第 2 阶段:我希望它加载到每个页面上,但 _app 不支持它自己的 getServerSideProps,如果我将它作为包装模板的一部分导入到 _apps 中,Next js 不会在我的导航栏上调用 getServerSideProps。

有没有办法创建一个与_app一起加载并且还可以从服务器读取的共享组件?

【问题讨论】:

  • 假设你所有的页面都是SSRd,你可以在_app中使用getInitialProps对所有页面执行服务器端操作。

标签: next.js server-side-rendering


【解决方案1】:

据我所知,没有直接在自定义 _app 中执行此操作的方法,因为就像您已经提到的 _app 不支持它自己的 getServerSideProps (还)。

可能的方法

您可以使用 ISR,以便服务器定期检查目录是否有更改,然后在读取 page 目录的内容时,将检索到的数据以 json 格式保存到磁盘上的文件中,并将其导入回导航栏组件。

【讨论】:

    猜你喜欢
    • 2020-07-16
    • 1970-01-01
    • 2015-12-13
    • 2014-01-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-10-28
    • 1970-01-01
    相关资源
    最近更新 更多