透過 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,或除非您自己處理還原狀態,否則這將不會對重新載入產生影響。