透過 100+ 個技巧的集合來學習 Nuxt!

reloadNuxtApp

reloadNuxtApp 將會執行頁面的硬重新載入。
reloadNuxtApp 將會執行您的應用程式的硬重新載入,重新向伺服器請求頁面及其相依性。

預設情況下,它也會儲存您應用程式目前的 state(也就是您可以使用 useState 存取的任何狀態)。

您可以透過在 nuxt.config 檔案中啟用 experimental.restoreState 選項,來啟用此狀態的實驗性還原。

類型

reloadNuxtApp(options?: ReloadNuxtAppOptions)

interface ReloadNuxtAppOptions {
  ttl?: number
  force?: boolean
  path?: string
  persistState?: boolean
}

options (選填)

類型ReloadNuxtAppOptions

接受以下屬性的物件

  • path (選填)
    類型string
    預設值window.location.pathname
    要重新載入的路徑 (預設為目前路徑)。如果這與目前的視窗位置不同,它將會觸發導覽並在瀏覽器歷史記錄中新增一個項目。
  • ttl (選填)
    類型number
    預設值10000
    忽略未來重新載入請求的毫秒數。如果在該時間段內再次呼叫,reloadNuxtApp 將不會重新載入您的應用程式,以避免重新載入迴圈。
  • force (選填)
    類型boolean
    預設值false
    此選項允許完全繞過重新載入迴圈保護,即使在先前指定的 TTL 內發生過重新載入,仍強制重新載入。
  • persistState (選填)
    類型boolean
    預設值false
    是否將目前的 Nuxt 狀態傾印到 sessionStorage (作為 nuxt:reload:state)。預設情況下,除非也設定了 experimental.restoreState,或者除非您自行處理狀態還原,否則這將不會對重新載入產生任何影響。