Nuxt Nation カンファレンスが開催されます。11月12日~13日にご参加ください。

reloadNuxtApp

`reloadNuxtApp` は、ページを強制的にリロードします。
reloadNuxtApp は、アプリケーションを強制的にリロードし、ページとその依存関係をサーバーから再リクエストします。

デフォルトでは、アプリケーションの現在の 状態 (つまり、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` も設定されていない限り、または状態の復元を自分で処理しない限り、リロードには影響しません。