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's useOnline 是 de-facto 总体上最好的方法。

使用 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。

---

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