Nextjs getInitialProps 在页面重新加载时不起作用

Question

我有一个需要帮助的问题。我目前有一个页面，我在其中获取getInitialProps 中的数据，并且在使用Link 或Router.push 导航时它可以工作。但是当我重新加载或将页面的 URL 分享给我的朋友时，它不会获取。

所以问题是，如果我在useEffect hook 中获取数据，是 SEO 的最佳做法，还是应该添加 add useEffect hook 并在资源未定义的情况下进行获取，这也解决了有问题吗？

下面是我的getInitialProps

Page.getInitialProps = async (ctx: NextPageContext) => {
  const {
    query: { slug }, reduxStore,
  } = ctx;
  const { token } = nextCookies(ctx);
  try {
    await reduxStore.dispatch(fetchBookChapter(`${baseUrl}/chapters/${slug}`, token));
    return { token };
  } catch (error) {
    return redirectOnError(ctx);
  }
};

Answer 1

如果 getInitialProps 使用来自客户端的数据，reload 不会。