nextjs直接访问页面url不调用getInitialProps

Question

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

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

当我访问主页时一切正常，然后我单击 link 进入用户列表。加载用户的调度调用是在 _app.js.

中的 getInitialProps 上完成的

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

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

Answer 1

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

getInitialProps will only be executed on the client when navigating to a different route via the Link component or using the routing APIs

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

我打算使用 componentWillMount 和 Dynamic Import 作为解决方案。

如果有效果我会更新。