直接访问nextjs中的页面URL时不会调用getInitialProps

Question

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

我已实现_app.js来设置容器，提供程序，withRedux，并在_app.js的getInitialProps中通过调度操作来获取用户列表，并将结果在商店中提供。

当我访问主页时，一切正常，然后单击指向UserList的链接。加载用户的分派调用是在_app.js中的getInitialProps上完成的。

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

我不知道从这里去哪里，我花了一天半的时间。

Answer 1

不确定我是否正在使用服务器，在这种情况下，我正在使用nextjs静态站点。他们在NextJS文档本身中提到了

  

getInitialProps仅在以下情况下在客户端上执行   通过链接组件或使用导航到其他路线   路由API

总是调用服务器端getInitialProps上的方法，但在客户端直接导航到URL不起作用。

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

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