Nuxt3 的连接检查器 ($nuxt.isOffline)

Question

在 Nuxt2 中有连接检查器

https://nuxtjs.org/docs/concepts/context-helpers/#connection-checker

你可以执行以下操作this.$nuxt.isOffline

有没有办法用 Nuxt3 做到这一点？

我尝试查看useNuxt()其中是否有一些信息，但没有看到任何内容。

---

我的问题也在 Github 讨论中提出：https://github.com/nuxt/framework/discussions/4996

Answer 1

如今，Vue 的生态系统更多地使用组合 API 方法，因此整体上一切都更加解耦。

VueUse 的 useOnline实际上是总体上最好的方法。

安装它yarn add @vueuse/core，您就可以立即使用它

<script setup>
import { useOnline } from '@vueuse/core'

const online = useOnline()
</script>

<template>
  <p>Is my website online? {{ online }}</p>
</template>

使用 Chrome，您可以模拟离线连接并看到布尔值正确切换为 false。

感谢Discord 上的 manniL作为提醒，我完全忘记了useOnline()。