在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 只会在客户端执行 通过 Link 组件或使用 路由 API

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

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

如果可行，我会更新。