在生产环境中唤醒next.js

时间:2020-04-29 16:43:23

标签: javascript reactjs webpack next.js

我已经使用next.js已有一段时间了。但我不太了解它在生产中的工作方式。我的理解是,当我们向服务器发出请求时,服务器将从.next的静态文件夹中获取请求的页面,并运行组件的initialProps函数并提供响应,所以我想知道:

  1. 当我们单击指向另一个页面的链接时会发生什么(我看过点击是对cdn的点击,但是我不确定之后会发生什么。)
  2. 预取可见链接是如何工作的(如果预取的组件包含initialProps函数,此函数是否可以在浏览器中运行?)
  3. next.js如何处理静态和动态路由?它们在捆绑上有什么区别,以缩短加载时间。

谢谢。

1 个答案:

答案 0 :(得分:0)

首先,您需要仔细检查NextJS文档 Routing api。当用户单击某个链接(即客户端呈现)时,带有NextJS的项目将在第一次在服务器上呈现(此行为可确保100%的SEO机器人始终获得完整的html内容)。您可以通过getInitialProps中的console.log()进行测试,以便测试客户端是否运行该方法。