next.js 在生產中的工作

Question

我已經使用 next.js 有一段時間了。 但我真的不明白它在生產中是如何工作的。 我的理解是，當我們向服務器發出請求時，服務器從.next 的 static 文件夾獲取請求的頁面並運行組件的 initialProps function 並提供響應，所以我想知道：

1. 當我們單擊指向另一個頁面的鏈接時會發生什么（我已經看到對 cdn 進行了點擊，但我不確定之后會發生什么）。
2. 預取可見鏈接是如何工作的（如果預取的組件包含一個 initialProps function，這個 function 是否在瀏覽器中運行？）
3. next.js 如何處理 static 和動態路由？ 它們的捆綁是否有任何區別以改善加載時間。

提前致謝。

Answer 1

首先，您需要仔細檢查 NextJS 文檔Routing api。 您使用 NextJS 的項目將在第一時間在服務器上呈現（這種行為確保 100% SEO 機器人始終獲得整頁 html 內容），當用戶單擊某個鏈接時，即客戶端呈現。 您可以在getInitialProps中通過 console.log() 進行測試，以便測試客戶端是否運行該方法。