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

时间:2018-11-21 22:39:15

标签: reactjs redux react-redux next.js

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

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

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

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

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

1 个答案:

答案 0 :(得分:0)

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

  

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

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

我计划使用componentWillMountDynamic Import作为解决方案。

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