v3.16
Nuxt on GitHub

重载 Nuxt 应用

源代码
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，或者你自己处理状态恢复，否则这不会有任何效果。