当直接访问nextjs中的页面url时,不调用getInitialProps



我有一个与redux连接的nextjs应用程序(使用withRedux(,我的导航由一个标题驱动,在标题中,我使用链接来链接页面的不同部分。

我实现了_app.js来设置容器、提供程序和Redux,并在_app.js中的getInitialProps中,我通过调度一个操作来获取用户列表,并使结果在存储中可用。

当我访问主页,然后点击UserList的链接时,一切都很好。加载用户的调度调用是在_app.js.中的getInitialProps上完成的

如果我直接在浏览器中访问路由(localhost:3000/UserList(,则不会调用getInitialProps,并且UserList页面为空。

我不知道从这里到哪里去,我已经花了一天半的时间。

不确定您是否使用服务器,在我的情况下,我使用的是nextjs静态站点。在NextJS文档中,他们提到了

getInitialProps将仅在以下情况下在客户端上执行通过"链接"组件或使用路由API

意味着在服务器端总是调用getInitialProps,但在客户端直接导航到URL不起作用。

我计划使用componentWillMount和Dynamic Import作为解决方案。

如果一切正常,我会更新。

最新更新